• Waktu Tak Pernah Kembali

    Nabi shallallahu 'alaihi wasallam bersabda: Dua kenikmatan yang sering dilupakan oleh kebanyakan manusia adalah kesehatan dan waktu luang [Hr. Bukhori No.5933]

  • Usahakan Waktu Kita Selalu Istiqomah Dijalan Alloh

    Nabi shallallahu 'alaihi wasallam bersabda: "Tempat cemeti di surga itu lebih baik dari dunia dan seisinya, sungguh berpagi-pagi atau sore hari di jalan Allah itu lebih baik daripada dunia seisinya." [Hr. Bukhori No.5936]

  • Kau Isi Apa Waktumu?

    Nabi shallallahu 'alaihi wasallam pernah membuat suatu garis lalu beliau bersabda: "Ini adalah cita-citanya, dan ini adalah ajalnya, ketika seseorang seperti itu (dalam cita-citanya), maka datanglah garis yang lebih dekat (yaitu ajalnya)." [Hr.Bukhori No.5939]

Senin, 11 April 2011

Mau Animasi Kursor di ikuti Tulisan?

it's an information blog
Penulisnya adalah: Muhammad Yusuf Abu Iram Pada Pukul 22.38 Belum terdeteksi adanya komentar nih

Caranya :
1. Login ke akunmu.
2. pilih Tata letak / rancangan .
3. tambah gadget HTML
4. lalu copas kode berikut ini tanpa harus memberi judul., letakkan dimana saja.



<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='tulis teks disini'.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>

Ganti tulisan warna merah dengan teks anda, ingat jangan terlalu panjang...

Lalu Save ...

contoh hasilnya bisa dilihat disini



Free Template Blogger collection template Distributor jahe Merah Karomah Blog Indahku Goresan Jari Jemariku cafe Gaul Para Salafiyyin

0 komentar :

Posting Komentar

Setelah mata lelah membaca, tangan lelah menggerakkan mouse, tapi janganlah lelah untuk berkata menyapa, sapalah kami...terima kasih atas kesediaannya memberi inspirasi, silahkan ketik disini :

Jika anda menghendaki tukaran link / banner/follow silahkan anda simpan linknya di Buku Tamu Kami. Diberdayakan oleh Blogger.