Loading...

Cara Membuat Efek Salju Pada Cursor Mouse

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:
Gambar salju
Gambar salju /ilustrasi
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.

Demikian blogging kali ini tentang cara membuat efek salju pada kursor blog, silahkan bagikan melalui tombol sosial media yang tersedia. Apabila ada yang mau ditanyakan seputar topik silahkan berikan komentar. 

/fa-thumbs-up/ RELATED$type=list-tab$hide=home

Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Efek Salju Pada Cursor Mouse
Cara Membuat Efek Salju Pada Cursor Mouse
cara membuat effect salju di blog, efek bintang bertaburan, efek bintang jatuh di blog, efek kursor mouse keren untuk blogger, membuat kursor efek keren pada blog..
https://3.bp.blogspot.com/-AgYGVQKmOHY/UcUsGr4d5UI/AAAAAAAAFlI/MEoI1hH3miI/s1600/snow.jpg
https://3.bp.blogspot.com/-AgYGVQKmOHY/UcUsGr4d5UI/AAAAAAAAFlI/MEoI1hH3miI/s72-c/snow.jpg
Bangiz
https://bangiz.blogspot.com/2013/06/Snow-Effect.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/06/Snow-Effect.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy