• About Admin
  • Sitemap
  • Disclaimer
  • Tukar Link

Membuat Text Yang Berputar Mengelilingi Mouse

Cheat Game Online, Cheat Game PC, Download Game PC, Software Full

  • Home
  • Cheat Game Online
    • Cheat 8 Ball Pool
    • Cheat Baseball Heroes
    • Cheat Dragon City
    • Cheat Ninja Saga
    • Cheat Game Lainnya
  • Cheat Game Offline
  • Game For PC
  • Software
  • Tips and Trick
Home » Blogging » Membuat Text Yang Berputar Mengelilingi Mouse

Membuat Text Yang Berputar Mengelilingi Mouse

Hello sobat, ini postingan saya di blog ini. Pada kesempatan ini, saya ingin berbagi pengetahuan tentang membuat text yang berputar-putar mengelilingi mouse kita di blog. Dengan adanya text yang berputar-putar ini bisa membuat blog kita menjadi lebih menarik.

Berikut ini cara membuat text berputar mengelilingi mouse ::
1. Login dulu ke blogger
2. Pilih tata letak dan kemudian pilih tambah gadget
3. Pilih HTML/JavaScript
4. Masukkan kode-kode di bawah ini :

<script>

//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='alliancecyber.blogspot.com'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

5. Sebelum di simpan, ganti dulu text yang berwarna hijau dengan yang Anda inginkan.
6. Selesai.
Posted by Unknown on Minggu, 16 Desember 2012 - Rating: 4.5
Title : Membuat Text Yang Berputar Mengelilingi Mouse
Description : Hello sobat, ini postingan saya di blog ini. Pada kesempatan ini, saya ingin berbagi pengetahuan tentang membuat text yang berputar-putar m...

Share to

Facebook Google+ Twitter

0 Response to "Membuat Text Yang Berputar Mengelilingi Mouse"

Posting Komentar

Mohon diperhatikan tata cara berkomentar di sini:
[-] Jangan meninggalkan LIVE LINK (Homepage blog atau url postingan)
[-] Usahakan gunakan bahasa baku pada saat berkomentar
[-] Mohon untuk tidak memberikan komentar SAMPAH (nice gan, thanks gan)
[-] Jangan memberikan komentar yang tidak relevan dengan isi

Mohon kerja samanya ya demi kemajuan blog ini. Kami akan berusaha secepat mungkin juga untuk memberikan komentar balik pada blog Anda. Terima kasih.

Posting Lebih Baru
Beranda
Langganan: Posting Komentar (Atom)

Rainbow Link by Tutorial Blogspot

Site Info

DMCA.com

BLOGROLL

Sharing4rt
Kazegami4rt
Copyright © 2012 Alliance Cyber - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger