Jangan lupa mengunjungi kembali yaa bektiawanbento.blogspot.com
Jangan lupa mengunjungi kembali oxe bektiawanbento.blogspot.com
Anda disini » Home » cara membuat kursor di ikuti nama dlm blog

cara membuat kursor di ikuti nama dlm blog

By bektiawan beni | Sabtu, 07 Mei 2011

Sebelum Membaca, Ayo Berbagi :
Cara Membuat Tulisan yang Mengikuti Cursor    : 
 
1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Pilih Tambah gadget 
4. Pilih HTML/Java script
5. Silahkan copy paste script 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='<span style="color: #3333ff;">

minimmedia

</span>'.split('').reverse().join('');



var font='Verdana,Arial';

var size=<span style="color: #009900;">5</span>; // up to seven

var color='<span style="color: #ff6600;">#FF9900</span>';



// 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 <a class="ml-smartlink" href="http://en.wikipedia.org/wiki/Xmouse">xmouse</a>=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

<a class="ml-smartlink" href="http://en.wikipedia.org/wiki/Xmouse">xmouse</a> = (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]+=((<a class="ml-smartlink" href="http://en.wikipedia.org/wiki/Xmouse">xmouse</a>)-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><span class="fullpost"> </span></pre>

6. Kode yang berwarna Biru bisa di ganti dengan tulisan yang akan muncul
    Kode yang berwarna Hijau adalah ukuran font
    kode yang berwarna Orange adalah warna tulisan atau font lihat disini


Attention
PLEASE ATTENTION !

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini.Tanks atas perhatiannya thanks

GET UPDATE VIA EMAIL
Dapatkan kiriman artikel yang terbaru
Dari Kami langsung ke email anda!

0 komentar:

Posting Komentar

Silahkan berikan komentar, kritikan atau saran anda mengenai artikel di atas untuk mendapatkan backlink gratis dari Your Blog ini. Komentar yang tidak sesuai topik, SPAM, Penghinaan, dsb terpaksa akan saya hapus ! Tanks be 4,,.

 

we love

iBlogger.web.id Aksesoris Blog by Moch. Iqbal Chahyadi

visitor

free counters

gisseell


Download video clip Last Child Feat Giselle Seluruh Nafas Ini