Friday, November 5, 2010

Sparkle Cursor :)

Salam , nie nas buat lagi satu tutorial.Sape ek tanya haritu . hehe [ lupa sudahh ~ ]
anw , ikut cara-cara dibawah.

Mulamula pergi dashboard , pastu add gadget . Then tekan edit HTML .
Pastu cari code nie *tekan Ctrl+f . Bila ader kuar 1 kotak kat atas , isi

<head>


Okay , dah ?

Copy code nie plak ;


<script type="text/javascript">


</script>






<script type="text/javascript">


// <![CDATA[


var colour="red";


var sparkles=100;





var x=ox=400;


var y=oy=300;


var swide=800;


var shigh=600;


var sleft=sdown=0;


var tiny=new Array();


var star=new Array();


var starv=new Array();


var starx=new Array();


var stary=new Array();


var tinyx=new Array();


var tinyy=new Array();


var tinyv=new Array();


window.onload=function() { if (document.getElementById) {


var i, rats, rlef, rdow;


for (var i=0; i<sparkles; i++) {


var rats=createDiv(3, 3);


rats.style.visibility="hidden";


document.body.appendChild(tiny[i]=rats);


starv[i]=0;


tinyv[i]=0;


var rats=createDiv(5, 5);


rats.style.backgroundColor="transparent";


rats.style.visibility="hidden";


var rlef=createDiv(1, 5);


var rdow=createDiv(5, 1);


rats.appendChild(rlef);


rats.appendChild(rdow);


rlef.style.top="3px";


rlef.style.left="0px";


rdow.style.top="0px";


rdow.style.left="3px";


document.body.appendChild(star[i]=rats);


}


set_width();


sparkle();


}}


function sparkle() {


var c;


if (x!=ox || y!=oy) {


ox=x;


oy=y;


for (c=0; c<sparkles; c++) if (!starv[c]) {


star[c].style.left=(starx[c]=x)+"px";




star[c].style.top=(stary[c]=y)+"px";


star[c].style.clip="rect(0px, 5px, 5px, 0px)";


star[c].style.visibility="visible";


starv[c]=50;


break;


}


}


for (c=0; c<sparkles; c++) {


if (starv[c]) update_star(c);


if (tinyv[c]) update_tiny(c);


}


setTimeout("sparkle()", 40);


}


function update_star(i) {


if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";


if (starv[i]) {


stary[i]+=1+Math.random()*3;


if (stary[i]<shigh+sdown) {


star[i].style.top=stary[i]+"px";


starx[i]+=(i%5-2)/5;


star[i].style.left=starx[i]+"px";


}


else {


star[i].style.visibility="hidden";


starv[i]=0;


return;


}




}


else {


tinyv[i]=50;


tiny[i].style.top=(tinyy[i]=stary[i])+"px";


tiny[i].style.left=(tinyx[i]=starx[i])+"px";


tiny[i].style.width="2px";


tiny[i].style.height="2px";


star[i].style.visibility="hidden";


tiny[i].style.visibility="visible"


}


}


function update_tiny(i) {


if (--tinyv[i]==25) {


tiny[i].style.width="1px";


tiny[i].style.height="1px";


}


if (tinyv[i]) {


tinyy[i]+=1+Math.random()*3;


if (tinyy[i]<shigh+sdown) {


tiny[i].style.top=tinyy[i]+"px";


tinyx[i]+=(i%5-2)/5;


tiny[i].style.left=tinyx[i]+"px";


}


else {






tiny[i].style.visibility="hidden";


tinyv[i]=0;


return;


}


}


else tiny[i].style.visibility="hidden";


}


document.onmousemove=mouse;


function mouse(e) {


set_scroll();


y=(e)?e.pageY:event.y+sdown;


x=(e)?e.pageX:event.x+sleft;


}


function set_scroll() {


if (typeof(self.pageYOffset)=="number") {


sdown=self.pageYOffset;


sleft=self.pageXOffset;


}


else if (document.body.scrollTop || document.body.scrollLeft) {


sdown=document.body.scrollTop;


sleft=document.body.scrollLeft;


}


else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {


sleft=document.documentElement.scrollLeft;


sdown=document.documentElement.scrollTop;


}


else {


sdown=0;


sleft=0;


}


}


window.onresize=set_width;


function set_width() {


if (typeof(self.innerWidth)=="number") {


swide=self.innerWidth;


shigh=self.innerHeight;


}


else if (document.documentElement && document.documentElement.clientWidth) {


swide=document.documentElement.clientWidth;


shigh=document.documentElement.clientHeight;


}


else if (document.body.clientWidth) {


swide=document.body.clientWidth;


shigh=document.body.clientHeight;


}


}


function createDiv(height, width) {


var div=document.createElement("div");


div.style.position="absolute";


div.style.height=height+"px";


div.style.width=width+"px";


div.style.overflow="hidden";


div.style.backgroundColor=colour;


return (div);


}


// ]]>


</script>


paste kan code nie kat atas

<head>
.

*sowi la , memanjang lagu tue . Lagi senang kome nk copy kan ? :P

lagi 1 , kalau nk cursor yang cute miut , pegi sini


credit to ayiep . ok , kalau nak bunag benda nie , korang cari code

<img src="http://cursors-4u.com/support.gif" border="0" alt="Fruit Cocktail" style="position:absolute; top: 0px; right: 0px;" />

ok dah jumpa ? delete code tue.

siap !
kalau amik , jgn lupa komen .


26 kisses me :):

*aliz_halim* said... [♥ Rekiss ♥]

tengs kak nas
:))

*aliz_halim* said... [♥ Rekiss ♥]

tengss kak nas
:))

*aliz_halim* said... [♥ Rekiss ♥]

tengss kak nas
:))

Nas Adila said... [♥ Rekiss ♥]

alrite aliz ^^

TIQA-아 티 가- said... [♥ Rekiss ♥]

thx!=D

Syasya said... [♥ Rekiss ♥]

sorry2 , takde add gadget XD

Syasya said... [♥ Rekiss ♥]

thx . jadi la akak ^^

Nas Adila said... [♥ Rekiss ♥]

http://ego-box.com/
nie lagi satu link untuk dptkan cursors ^^

Nas Adila said... [♥ Rekiss ♥]

ok , your welcome dear ^^

Syasya said... [♥ Rekiss ♥]

terima kasih banyak2.. sebab tunjuk ajar

Nas Adila said... [♥ Rekiss ♥]

@tiqa ; you're welcome ^^

Nas Adila said... [♥ Rekiss ♥]

@syasya ; sama-sama XD

slovea syashimi said... [♥ Rekiss ♥]

mcmne nk wat cursor bentuk lollipop tp ada salji2 tue?

slovea syashimi said... [♥ Rekiss ♥]

ai.. sudah jadi! time kasih :)

librarian said... [♥ Rekiss ♥]

tengkie :)

Amierah Nabillah said... [♥ Rekiss ♥]

tq awak! hehe. penat mencarinya :P

Nas Adila said... [♥ Rekiss ♥]

@slovea syashimi pergi cri cursor gmbar lillipop tue then guna tutor nie ^^

Nas Adila said... [♥ Rekiss ♥]

@slovea syashimi ok , sesama ^^

Nas Adila said... [♥ Rekiss ♥]

@librarian your welcome

Nas Adila said... [♥ Rekiss ♥]

@Amierah Nabillah ahakz , yeke ? sama2 ^^

Byla said... [♥ Rekiss ♥]

thanksssssssss

Nas Adila said... [♥ Rekiss ♥]

@Bylawelcome :)

wzulaikha zulkiflee said... [♥ Rekiss ♥]

tq dear :D

Nas Adila said... [♥ Rekiss ♥]

@wzulaikha zulkifleewelcome XD

fafa said... [♥ Rekiss ♥]

nk amek ?? :)

31G 34NG said... [♥ Rekiss ♥]

tengs .. saya gune tutor niyy ye :)