Friday, 13 March 2009

Cara Buat Cursor Yang Diikuti Text

Setelah sekian lama dalam pencarian trik ini akhirnya saya menemukan nya di sebuah blog yang berjudul Pingin Belajar, Bagi yang belum tahu apa yang di maksud dengan judul di atas silahkan liaht blog utma saya (http://daftardapatuang.blogspot.com).
Baik lah langsung adjah ya, kalian pasti bosen baca tulisan saya yang g karuan ya...^^
Pertama buka blog anda
Pilih tata letak>>Tambah Gadgets>>Pilih html/Javascript>>Masukan kode berikut

<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='belajar blog'.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>


Kalimat yang berwarna merah silahkan di ganti dengan kata-kata yang anda inginkan.
SELAMTA MENCOBA!!

32 comments:

  1. punya saya kok aneh ya???


    text nya udah keluar... bisa muter2 juga... tp kok gak ngikut mouse ya???

    kdang cuma di pojokan atas aja.... kadang cuma diem di tengah halamaan...

    gimana neh...????

    ReplyDelete
  2. bos ko textx gk ngikutin kursor yah....malah muter" di pojok kanan atas....gimana ni bos..?

    ReplyDelete
  3. makasih ...cursor jadi agak unik nech...heheh

    ReplyDelete
  4. mo ganti warnanya ngrubah yang mana?
    makasih boss

    ReplyDelete
  5. dah aq buat koq g' jadi2 boss....
    gmn donkzz....
    blz...
    thx

    ReplyDelete
  6. thank bos keren goblok semuanya yang tanya aheh la pa lah tolol

    ReplyDelete
  7. This comment has been removed by the author.

    ReplyDelete
  8. terima kasih atas scriptnya bos......akhirnya bisa muter2 deh....wkwkwkwkwkwkkwwkkw...posting terus bos script2 buat mempercantik blog....coz baru ngedit2 blog nih bos....

    NICE INFO \\(^_^)//

    ReplyDelete
  9. Permisi, jalan-jalan Nyari Ilmu, eh ketemu dengan Blog ini, hehehe
    Terimakasih artikelnya Mas, sangat Bermanfaat sekali, salam kenal buat teman2 semua, Jangan lupa, kalau ada waktu Berkunjung ke blog Bujang Riau http://www.darma-saputra.co.cc/, terimakasih ...

    ReplyDelete
  10. udah gue buat koq gak jadi2, ga muncul tulisan mengikuti kursor....gimana neh bos

    ReplyDelete
  11. Boleh Juga. Sesekali kunjungin blog aku ya!
    Nak SMP 1 padang memang oke

    ReplyDelete
  12. Bos ko ga mUNCUl" ch...gMN TUU...Cra nYA...Aq TU UDh ngiktIn,,,langkah" nYA Tp gA MUNCUL!!!!!!

    ReplyDelete
  13. Terikasih kak atas informasinya.....!

    ReplyDelete
  14. thx sobb, lam kenall ajha iiah,,,,,

    ilmu llu kerrenn dagh,,,

    ReplyDelete
  15. Para Blogger Linknya Sudah Dipasang Di Blog Saya Mohon Pasang Link Saya Ya Maklum Saya Ini Baru Di Blog Termasuk Awam,Yah Biar Blog Saya Ada Dimana - Mana He..He,,,

    ReplyDelete
  16. di blog saya malah gak keluar
    apa karena tempelatenya?

    ReplyDelete
  17. makasih infonya bos silahkan mampir di blog saya sigitafriyadi.blogspot.com

    ReplyDelete
  18. masak ea tambah gadget sihh...

    bukatnya d edit html masukin...

    ReplyDelete
  19. Mkasih gan.. sngat membantu..

    ReplyDelete
  20. bagi yg bloggernya template hitam gk bakalan muncul nieh...
    coba kalian ganti colournya jadi 'FFFFFF'

    ReplyDelete
  21. seep
    karanganyarcoporation.blogspot.com

    ReplyDelete
  22. Script nya Ga Muncul Gan..
    http://shandygo-teruslahbelajar.blogspot.com/

    ReplyDelete