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-Foto Novi Amalia Terbaru Juli 2013
    Foto-Foto Hot Novi Amalia Terbaru | Update Foto-Foto Hot Novi Amalia Terbaru Juli 2013 .- Akhir-akhir ini masyarakat di hebohkan dengan ti...
  • Apa Yang Akan Terjadi Pada Mayat Ketika di Dalam Kubur
    Taukah kamu apa yang akan terjadi pada mayat manusia ketika susdah berada di dalam kubur ? Mayat manusia yang sudah di kuburkan akan melewat...
  • Wallpaper Lucu HD Terbaru
    Setelah sebelumnya saya berbagi tips dan trik blogging yaitu Cara Membuat Label Keren Dengan Efek Bergerak dan Wallpaper Kartun Cinta Rom...
  • 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia
    Oh ternyata ada 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia. Kejadian - kejadian  unik sejarah bangsa indonesia ini bisa di simak disin...
  • Foto Sampul Facebook Hello Kitty Terbaru
    Apakah Anda termasuk salah satu penggemar Hello Kitty? Jika iya, tidak ada salahnya jika Anda juga menggunakan timeline atau sampul face...
  • Wallpaper Keren Terbaru
    Pada tahun 2013 ini bumi kita sudah semakin tua, begitu juga dengan usia kita tentunya semakin berkurang. Berbagai tipe fisik maupun p...
  • Foto Sampul Facebook Hello Kitty
    Setelah sebelumnya Bangiz berbagi foto sampul facebook galau versi anime, untuk kali ini Bangiz mau berbagi tentang sampul tokoh kartun ...
  • Foto Sampul Anime
    Akhirnya bisa berbagi lagi dengan Anda semua, setelah kemarin-kemarin sibuk. Maksudnya sibuk mengganti dan mengedit-edit template :). Ada...
  • Membuat Komentar Facebook dan Blogger Berdampingan
    Pada kesempatan kali ini Bangiz mau berbagi tentang tips dan trik blogging. Yang akan kita bahas kali ini yaitu tentang komentar ...
  • 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...

Info dunia hitam © Cara Membuat Efek Salju Pada Cursor Mouse