CARA MENAMBAHKAN EFECT MERCON/SPRINKLE UNTUK CURSOR BLOGSPOT

hi blogger! kangen gak sama saya? kangen dong ya pastinya ;;)

banyak banget nih request yang gak sempet di posting. tapi postingan kali ini yang paling banyak direquest. pengen taukan cara menambahkan efek mercon yang ngikutin cursor blog kalian?

nih caranya gini nih...

1. log in ke blog kalian
2. go to dashbor
3. next ke layout
4. click 'Add Gadget' yang ada di layout itu
5. udah di click, pilih yang 'HTML/Java Script'
6. sudah? masukan code ini :  <script>
   // JavaScript Document<script type='text/javascript'>
   // <![CDATA[
   var colour="red";
   var sparkles=65;
   
   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="2px";
   rlef.style.left="0px";
   rdow.style.top="0px";
   rdow.style.left="2px";
   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>
7. sudah? nah yang tulisan berwarna merah, bisa kalian ganti menjadi warna seperti 'blue' or 'green'
8. save deh :D
9. 
   
10. selesai! huahahahahahaa
    
    
    
    
    
    
    
    sumber : CLICK!