Kursor Bertaburan Bintang

lagi seneng2nya blogging, tiba2 nemu blog yang kursornya bertaburan bintang2 dengan warna2 yang kebetulan adalah warna favorit kita. lalu, kalian pengen blog kalian mempunyai kursor seperti itu? tenang saja..  Blog of ME ヅ memiliki triknya..

caranya itu gampang banget..

1. login dulu ke Blogger kalian.
2. lalu pergi ke Dashboard pilih Tata Letak
3. klik Tambah Gadget
4. akan muncul jendela seperti gambar disamping, pilih HTML/JavaScript
5. copy paste kan skrip ini

<div style="text-align: left;"> <script type='text/javascript'></div> <div style="text-align: left;">             // <![CDATA[</div> <div style="text-align: left;">             var colour="<span style="color: red;"><b>red</b></span>";</div> <div style="text-align: left;">             var sparkles=65;</div> <div style="text-align: left;">      </div> <div style="text-align: left;">             var x=ox=400;</div> <div style="text-align: left;">             var y=oy=300;</div> <div style="text-align: left;">             var swide=800;</div> <div style="text-align: left;">             var shigh=600;</div> <div style="text-align: left;">             var sleft=sdown=0;</div> <div style="text-align: left;">             var tiny=new Array();</div> <div style="text-align: left;">             var star=new Array();</div> <div style="text-align: left;">             var starv=new Array();</div> <div style="text-align: left;">             var starx=new Array();</div> <div style="text-align: left;">             var stary=new Array();</div> <div style="text-align: left;">             var tinyx=new Array();</div> <div style="text-align: left;">             var tinyy=new Array();</div> <div style="text-align: left;">             var tinyv=new Array();</div> <div style="text-align: left;">             window.onload=function() { if (document.getElementById) {</div> <div style="text-align: left;">               var i, rats, rlef, rdow;</div> <div style="text-align: left;">               for (var i=0; i<sparkles; i++) {</div> <div style="text-align: left;">                 var rats=createDiv(3, 3);</div> <div style="text-align: left;">                 rats.style.visibility="hidden";</div> <div style="text-align: left;">                 document.body.appendChild(tiny[i]=rats);</div> <div style="text-align: left;">                 starv[i]=0;</div> <div style="text-align: left;">                 tinyv[i]=0;</div> <div style="text-align: left;">                 var rats=createDiv(5, 5);</div> <div style="text-align: left;">                 rats.style.backgroundColor="transparent";</div> <div style="text-align: left;">                 rats.style.visibility="hidden";</div> <div style="text-align: left;">                 var rlef=createDiv(1, 5);</div> <div style="text-align: left;">                 var rdow=createDiv(5, 1);</div> <div style="text-align: left;">                 rats.appendChild(rlef);</div> <div style="text-align: left;">                 rats.appendChild(rdow);</div> <div style="text-align: left;">                 rlef.style.top="2px";</div> <div style="text-align: left;">                 rlef.style.left="0px";</div> <div style="text-align: left;">                 rdow.style.top="0px";</div> <div style="text-align: left;">                 rdow.style.left="2px";</div> <div style="text-align: left;">                 document.body.appendChild(star[i]=rats);</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               set_width();</div> <div style="text-align: left;">               sparkle();</div> <div style="text-align: left;">             }}</div> <div style="text-align: left;">             function sparkle() {</div> <div style="text-align: left;">               var c;</div> <div style="text-align: left;">               if (x!=ox || y!=oy) {</div> <div style="text-align: left;">                 ox=x;</div> <div style="text-align: left;">                 oy=y;</div> <div style="text-align: left;">                 for (c=0; c<sparkles; c++) if (!starv[c]) {</div> <div style="text-align: left;">                   star[c].style.left=(starx[c]=x)+"px";</div> <div style="text-align: left;">                   star[c].style.top=(stary[c]=y)+"px";</div> <div style="text-align: left;">                   star[c].style.clip="rect(0px, 5px, 5px, 0px)";</div> <div style="text-align: left;">                   star[c].style.visibility="visible";</div> <div style="text-align: left;">                   starv[c]=50;</div> <div style="text-align: left;">                   break;</div> <div style="text-align: left;">                 }</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               for (c=0; c<sparkles; c++) {</div> <div style="text-align: left;">                 if (starv[c]) update_star(c);</div> <div style="text-align: left;">                 if (tinyv[c]) update_tiny(c);</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               setTimeout("sparkle()", 40);</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             function update_star(i) {</div> <div style="text-align: left;">               if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";</div> <div style="text-align: left;">               if (starv[i]) {</div> <div style="text-align: left;">                 stary[i]+=1+Math.random()*3;</div> <div style="text-align: left;">                 if (stary[i]<shigh+sdown) {</div> <div style="text-align: left;">                   star[i].style.top=stary[i]+"px";</div> <div style="text-align: left;">                   starx[i]+=(i%5-2)/5;</div> <div style="text-align: left;">                   star[i].style.left=starx[i]+"px";</div> <div style="text-align: left;">                 }</div> <div style="text-align: left;">                 else {</div> <div style="text-align: left;">                   star[i].style.visibility="hidden";</div> <div style="text-align: left;">                   starv[i]=0;</div> <div style="text-align: left;">                   return;</div> <div style="text-align: left;">                 }</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else {</div> <div style="text-align: left;">                 tinyv[i]=50;</div> <div style="text-align: left;">                 tiny[i].style.top=(tinyy[i]=stary[i])+"px";</div> <div style="text-align: left;">                 tiny[i].style.left=(tinyx[i]=starx[i])+"px";</div> <div style="text-align: left;">                 tiny[i].style.width="2px";</div> <div style="text-align: left;">                 tiny[i].style.height="2px";</div> <div style="text-align: left;">                 star[i].style.visibility="hidden";</div> <div style="text-align: left;">                 tiny[i].style.visibility="visible"</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             function update_tiny(i) {</div> <div style="text-align: left;">               if (--tinyv[i]==25) {</div> <div style="text-align: left;">                 tiny[i].style.width="1px";</div> <div style="text-align: left;">                 tiny[i].style.height="1px";</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               if (tinyv[i]) {</div> <div style="text-align: left;">                 tinyy[i]+=1+Math.random()*3;</div> <div style="text-align: left;">                 if (tinyy[i]<shigh+sdown) {</div> <div style="text-align: left;">                   tiny[i].style.top=tinyy[i]+"px";</div> <div style="text-align: left;">                   tinyx[i]+=(i%5-2)/5;</div> <div style="text-align: left;">                   tiny[i].style.left=tinyx[i]+"px";</div> <div style="text-align: left;">                 }</div> <div style="text-align: left;">                 else {</div> <div style="text-align: left;">                   tiny[i].style.visibility="hidden";</div> <div style="text-align: left;">                   tinyv[i]=0;</div> <div style="text-align: left;">                   return;</div> <div style="text-align: left;">                 }</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else tiny[i].style.visibility="hidden";</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             document.onmousemove=mouse;</div> <div style="text-align: left;">             function mouse(e) {</div> <div style="text-align: left;">               set_scroll();</div> <div style="text-align: left;">               y=(e)?e.pageY:event.y+sdown;</div> <div style="text-align: left;">               x=(e)?e.pageX:event.x+sleft;</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             function set_scroll() {</div> <div style="text-align: left;">               if (typeof(self.pageYOffset)=="number") {</div> <div style="text-align: left;">                 sdown=self.pageYOffset;</div> <div style="text-align: left;">                 sleft=self.pageXOffset;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else if (document.body.scrollTop || document.body.scrollLeft) {</div> <div style="text-align: left;">                 sdown=document.body.scrollTop;</div> <div style="text-align: left;">                 sleft=document.body.scrollLeft;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {</div> <div style="text-align: left;">                 sleft=document.documentElement.scrollLeft;</div> <div style="text-align: left;">              sdown=document.documentElement.scrollTop;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else {</div> <div style="text-align: left;">                 sdown=0;</div> <div style="text-align: left;">                 sleft=0;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             window.onresize=set_width;</div> <div style="text-align: left;">             function set_width() {</div> <div style="text-align: left;">               if (typeof(self.innerWidth)=="number") {</div> <div style="text-align: left;">                 swide=self.innerWidth;</div> <div style="text-align: left;">                 shigh=self.innerHeight;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else if (document.documentElement && document.documentElement.clientWidth) {</div> <div style="text-align: left;">                 swide=document.documentElement.clientWidth;</div> <div style="text-align: left;">                 shigh=document.documentElement.clientHeight;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">               else if (document.body.clientWidth) {</div> <div style="text-align: left;">                 swide=document.body.clientWidth;</div> <div style="text-align: left;">                 shigh=document.body.clientHeight;</div> <div style="text-align: left;">               }</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             function createDiv(height, width) {</div> <div style="text-align: left;">               var div=document.createElement("div");</div> <div style="text-align: left;">               div.style.position="absolute";</div> <div style="text-align: left;">               div.style.height=height+"px";</div> <div style="text-align: left;">               div.style.width=width+"px";</div> <div style="text-align: left;">               div.style.overflow="hidden";</div> <div style="text-align: left;">               div.style.backgroundColor=colour;</div> <div style="text-align: left;">               return (div);</div> <div style="text-align: left;">             }</div> <div style="text-align: left;">             // ]]></script></div>

kalian bisa ganti warna bintangnya sesuka hati kalian yaitu di bagian "var colour="red". Selamat mencoba :)

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.