Home » » Cara Membuat Kursor Di ikuti Sebuah Tulisan

Cara Membuat Kursor Di ikuti Sebuah Tulisan

Written By Unknown on Saturday 26 April 2014 | 03:54

Assalamualaikum wr.wb
Hmm kemarin saya sudah posting cara membuat Efect Kursor bertabur bintang.. pada kesempatan kali ini saya masih posting yang berhubungan dengan Kursor yaitu cara membuat Kursor di ikuti sebuah tulisan..
Nah.. ini gunanya untuk mempercantik blog :D
jika anda tertarik silahkan mencoba.. dan apabila tidak tertarik boleh anda share.. hehehhe..
hmm langsung saja simak..

Cara membuat kursor di ikuti sebuah tulisan:
1. Pastikan anda sudah masuk ke akun blog kalian
2. Klik tata letak >> Tambah Gadget >> HTML/Javascript
3. pastekan 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='Tutorial 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>

7.Klik Simpan.

untuk catatan.. : Tulisan yang Berwarna Merah silahkan anda Ganti dengan tulisan yang anda inginkan
Nah gimana sob.. sangat simple dan mudah kan.. silahkan dah diterapin dan apabila anda masih kesusahan silahkan anda berkomentar.. Ok Ok.. Hmm tetap kunjungi blog ini yah dan tunggu Postingan postingan selanjutnya.. wassalamualaikum wr.wb
Share this article :

11 comments:

  1. bikin blog berat kaga nih gan ?

    ReplyDelete
  2. wah keren texsnya ngikutin bro

    ReplyDelete
  3. Gan, mnta contoh hasilnya donk :)

    ReplyDelete
  4. ijin nyoba gan, keren nih kayanya... Thanks for share gan..

    ReplyDelete
  5. wah keren nih caranya sob Cara Membuat Kursor Di ikuti Sebuah Tulisan izin coba ya gan

    ReplyDelete
  6. wah mantap tuh gan izin coba yah gan kayaknya bagus buat blog ane :D

    ReplyDelete
  7. wah keren izin praktikin gan

    ReplyDelete
  8. Boleh nie gan saya coba untuk blog baru ane, semoga tidak bikin berat load blog

    ReplyDelete

Follow Twitter

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blog_Mas Tedy - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger
notifikasi
close