Efek salji pada kursor mouse

Efek salji pada kursor mouse seperti yang boleh anda lihat pada blog ini (sila klik) boleh di pasang di blog anda dengan cara yang sangat mudah.

Untuk memasang efek tersebut, sila ikut beberapa langkah yang mudah dibawah.

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget => HTML/Javascript.


Langkah 2

Salin kod biru dibawah dan paste pada ruang Content HTML/Javascript.

p/s: Anda boleh mengubah warna efek dengan mengubah kod yang dibold. black boleh di ubah kepada warna kegemaran. Jika anda meminati warna merah contohnya, anda boleh gantikan black kepada red.

<script type='text/javascript'>
// <![CDATA[
var colour="black";
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>

Akhir sekali, klik Save. Efek salji pada kursor mouse

{ 24 comments.. read them below or add one }

Fina Fento Fina Fento 9:42 PM
terima kasih! akhirnya jadi jugak :P
Wan Perlis Wan Perlis 1:49 AM
tapi jgn terlalu byk guna java ni
HENDRA HENDRA 9:26 PM
Thanks YA Blog Saya Udah agak mendingan.
dilaOHdila dilaOHdila 6:53 AM
tq...satu idea yang baik. kak dilla jadi follower erk
e mah e mah 11:10 PM
This comment has been removed by the author.
mat nasir mat nasir 11:37 PM
salam sdra...tanyer kit nape blog saya tiap kali saya taip alamat blog saya dia keluar page not found please go to home page masa mula2 saya daftar kat search enjin dulu xcamtu br skrg jd camtu...nape ye blh tlg explain
Raja Sandal Raja Sandal 12:50 AM
thank's ya om..buat hujan saljunya..keren abiis dech...
Ummi Hanie Ummi Hanie 12:22 AM
kenapa sy punye x jadi aa...
mrs adam mrs adam 10:44 AM
yeah dah jadi.hari tu buat tak jadi.tq
durakhyar durakhyar 9:26 PM
knp jd error bila masukkan code?xfhm la..
skyla skyla 10:19 PM
ihiii terimaa kasih, dah lama try buat. tapi tak jadi. thankss yeah :)
P&D Collections P&D Collections 10:01 AM
Thanks..menarik perhatian :)
Honey's Honey's 8:29 AM
TQ.....dh jd....cantik..
Farah Suraya Farah Suraya 4:43 PM
thanks.sudah menjadi :)
Linda Fuad Linda Fuad 4:40 PM
uyyyoohhh... thanks !!
Fatah Ustadzi Fatah Ustadzi 5:29 AM
kunjugi blog aku ea di http://geratisanah.blogspot.com