Cara Membuat Efek Salju Pada Cursor Mouse

  • dunia hitam
  • kata
    • kata lucu
    • kata bijak
    • kata mutiara
    • kata cinta
    • kata gokil
  • lucu
    • gambar lucu
    • pantun lucu
    • tebakan lucu
    • kata lucu
    • cerita lucu
  • berita
    • berita unik
    • berita politik
    • berita artis
    • berita aneh
  • kesehatan
    • asam urat
    • kanker
    • jantung
    • hepatitis
    • ginjal
    • asma
    • lambung
  • gambar
    • gambar unik
    • gambar lucu
    • gambar aneh
    • gambar animasi
    • video lucu
  • hoby
    • burung
    • ikan
    • piaraan
  • contoh
    • surat lamaran
    • recount text
    • descriptive text
    • curriculum vitae
    • deskripsi
  • video
    • video lucu
    • video hantu
    • video polisi
    • video totorial
    • video panas
    • video lagu
  • blog
    • SEO
    • template
    • script
    • widget
    • backlink
    • imacros
  • komputer
    • excel
    • macro excel
Home » blogging » Tips dan Trik » Cara Membuat Efek Salju Pada Cursor Mouse

Cara Membuat Efek Salju Pada Cursor Mouse

snow efect for blog
Setelah sebelumnya +Izurch Bangiz berbagi tentang Web Hosting yang murah juga Cara mengatur h1 h2 h3 pada blog, dan yang terakhir untuk Anda pengguna windows ada tips tentang Cara Mengatasi Not Responding pada mozilla. Untuk tips dan trik kali ini ya sesuai dengan judul di atas yaitu cara membuat efek pada cursor atau pointer mouse. Jadi ketika mouse digerakkan maka akan keluar seperti efek salju atau bintang yang berjatuhan. Jika Anda tertarik ikuti saja caranya sebagai berikut:

1. Masuk dasbor Blogger > Tata Letak
2. Tambahkan Gadget > HTML/Javascript
3. Copy-Paste kode berikut:


<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>
4. Simpan > Lihat hasilnya

Note: 
Silahkan ganti tulisan warna merah dengan warna yang Anda inginkan dan gunakan bahasa inggris.
Silahkan berikan komantar Anda jika berkenan
Terima kasih
Ditulis oleh Unknown, Jumat, 21 Juni 2013 21.48- Rating: 4.5

Judul : Cara Membuat Efek Salju Pada Cursor Mouse

Deskripsi : Setelah sebelumnya +Izurch Bangiz berbagi tentang Web Hosting yang murah juga Cara mengatur h1 h2 h3 pada blog, dan yang terakhir untu...
keyword :Cara Membuat Efek Salju Pada Cursor Mouse, blogging, Tips dan Trik
Posting Lebih Baru
Posting Lama
Beranda
Postingan Populer
  • Foto Bus Persib yang di Lempar Oknum Jak Mania
    Foto Bus Persib yang di Lempar Oknum Jak Mania .- Selamat malam sahabat sebagin info kali ini mimin akan share foto-foto bus persib yang ter...
  • Kata Mutiara, Kata Bijak, Kata Cinta, Kata Motivasi, Kata Lucu dan Kata Galau dengan Gambar
    Pada kesempatan kali ini saya berbagi tentang kata-kata mutiara. Maklumlah hampir semua orang khususnya mulai dari orang yang beran...
  • 10 Pemandangan yang Paling Menakjubkan di Dunia
    1. Chocolate Hills, Philippines Lebih dari 1.770 bukit berbentuk kerucut sempurna dapat ditemukan di wilayah Visayas Tengah dari Filipina, l...
  • Hotel Bawah Tanah Terdalam di Dunia
    Hotel Bawah Tanah Terdalam Di Dunia Ingin merasakan tinggal di hotel yang lain dari biasanya? Jika ya, mungkin inilah saatnya anda mengunjun...
  • Nenek 78 Tahun ini Seorang Sniper Profesional
    Usia boleh tua, tapi kalo urusan tembak menembak, nenek ini jagonya. Iya, sang nenek bernama Chandro Tomar yang sudah berusia 78 tahun masih...
  • Foto: Uniknya Kendaraan Anti Banjir di Thailand
    Banjir yang melanda kota besar terkadang menyulitkan kita untuk melakukan transportasi darat perlu kendaraan khusu untuk menembus genangan b...
  • Seperti inilah Wajah Bumi Di Malam hari Jika Di Lihat Dari Antariksa
    acapkali disebut Planet Biru karena citranya yang tampak biru saat diambil pada siang hari. Tapi, apakah Bumi juga biru pada malam hari? Cit...
  • 5 Aksi Jokowi Mata-matai Anggaran
    Jangan coba-coba bermain menyelewengkan anggaran DKI Jakarta. Gubernur DKI Jakarta Joko Widodo (Jokowi) punya beragam cara mengontrol APBN 2...
  • Jasad Mayat Terkubur 19 Tahun Masih Utuh
    Masyarakat Ciomas Bogor dan sekitarnya digemparkan dengan utuhnya jasad dari mayat Triyani binti Kartomulyo, perempuan ahli shadaqah yang ...
  • Aneh, Orang Ini Merasa Nyaman Tinggal di Kuburan
    Seorang warga miskin pindah dan menempati sebuah kuburan berumur 100 tahun setelah kehilangan rumahnya. Pria tersebut bernama Bratislav Stoj...

Info dunia hitam © Cara Membuat Efek Salju Pada Cursor Mouse