Cara Praktis Mendapatkan Rejeki Tambahan di Rekening Pribadi: Cara Membuat Efek Salju Pada Mouse Pointer

Home

Cara Membuat Efek Salju Pada Mouse Pointer

Unknown Cara Membuat Efek, Efek Salju Pada Mouse, HTML, IT, Java Script, PHP, Tips n Trik Senin, 27 Juni 2011

Weh, udah lama sekali saya tidak pernah posting Blog ini hampir 1 bulan lebih, ya soalnya kemarin lagi sibuk. Nah sekarang mumpung ada waktu senggang seharian saya sempatkan Blogwalking dan update beberapa artikel pada Blog ini.

Sesuai dengan judulnya Membuat Efek Salju pada Pointer Mouse di Blog. Efek salju ini akan muncul setiap kali kamu menggerakkan mouse di atas Blog kamu. Pernak-pernik Blog ini hanya berfungsi sebagai hiasan Blog saja, ya diperuntukkan buat kamu yang senang berdandan maksudnya mendadani Blog. Mohon maaf jika artikel ini kurang berkenan dan tidak informatif.

Langsung saja mulai yuk :
1).Pertama-tama silakan duduk manis di depan computer kamu

2). Login ke blogger dengan akun sobat.

3). Pilih Tata Letak / Rancangan.

4). Pada Tab Element Halaman klik Tambah Gadget.

5). Pilih HTML/Java Script.

6). Langkah berikutnya copy paste kode di bawah ini :

<br />
<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

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><br />

7). Dan terakhir jangan lupa simpan gadget baru kamu dan nikmati hasilnya.

Semoga Bermanfaat.... :)