Cara efek bubble pada kursor blog

Sebelumnya aku udah pernah menulis tentang cara efek bintang bertaburan pada kursor blog,, sekarang aku akan membahas tentang efek bubble atau gelembung,,
gga usah lama - lama,,


   niih carannya;

• login ke blog kamu
• pilih rancangan(tata letak) pilih gadget dimana aja terserah kamu,,
• pilih yg HTmL/javascrpt

masukkan kode dibawah ini;

<noscript></noscript><!-- --><script src="http://www.freewebs.com/p.js" type="text/javascript"> </script><script type="text/javascript"> </p> <p> <br></p> <p>     // <![CDATA[</p> <p> <br></p> <p>     var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles</p> <p> <br></p> <p>     var bubbles=100; // maximum number of bubbles on screen</p> <p> <br></p> <p>     var x=ox=400;</p> <p> <br></p> <p>     var y=oy=300;</p> <p> <br></p> <p>     var swide=800;</p> <p> <br></p> <p>     var shigh=600;</p> <p> <br></p> <p>     var sleft=sdown=0;</p> <p> <br></p> <p>     var bubb=new Array();</p> <p> <br></p> <p>     var bubbx=new Array();</p> <p> <br></p> <p>     var bubby=new Array();</p> <p> <br></p> <p>     var bubbs=new Array();</p> <p> <br></p> <p>     window.onload=function() { if (document.getElementById) {</p> <p> <br></p> <p>     var rats, div;</p> <p> <br></p> <p>     for (var i=0; i<bubbles; i++) {</p> <p> <br></p> <p>     rats=createDiv("3px", "3px");</p> <p> <br></p> <p>     rats.style.visibility="hidden";</p> <p> <br></p> <p>     div=createDiv("auto", "auto");</p> <p> <br></p> <p>     rats.appendChild(div);</p> <p> <br></p> <p>     div=div.style;</p> <p> <br></p> <p>     div.top="1px";</p> <p> <br></p> <p>     div.left="0px";</p> <p> <br></p> <p>     div.bottom="1px";</p> <p> <br></p> <p>     div.right="0px";</p> <p> <br></p> <p>     div.borderLeft="1px solid "+colours[3];</p> <p> <br></p> <p>     div.borderRight="1px solid "+colours[1];</p> <p> <br></p> <p>     div=createDiv("auto", "auto");</p> <p> <br></p> <p>     rats.appendChild(div);</p> <p> <br></p> <p>     div=div.style;</p> <p> <br></p> <p>     div.top="0px";</p> <p> <br></p> <p>     div.left="1px";</p> <p> <br></p> <p>     div.right="1px";</p> <p> <br></p> <p>     div.bottom="0px"</p> <p> <br></p> <p>     div.borderTop="1px solid "+colours[0];</p> <p> <br></p> <p>     div.borderBottom="1px solid "+colours[2];</p> <p> <br></p> <p>     div=createDiv("auto", "auto");</p> <p> <br></p> <p>     rats.appendChild(div);</p> <p> <br></p> <p>     div=div.style;</p> <p> <br></p> <p>     div.left="1px";</p> <p> <br></p> <p>     div.right="1px";</p> <p> <br></p> <p>     div.bottom="1px";</p> <p> <br></p> <p>     div.top="1px";</p> <p> <br></p> <p>     div.backgroundColor=colours[4];</p> <p> <br></p> <p>     div.opacity=0.5;</p> <p> <br></p> <p>     if (document.all) div.filter="alpha(opacity=50)";</p> <p> <br></p> <p>     document.body.appendChild(rats);</p> <p> <br></p> <p>     bubb[i]=rats.style;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     set_scroll();</p> <p> <br></p> <p>     set_width();</p> <p> <br></p> <p>     bubble();</p> <p> <br></p> <p>     }}</p> <p> <br></p> <p>     function bubble() {</p> <p> <br></p> <p>     var c;</p> <p> <br></p> <p>     if (x!=ox || y!=oy) {</p> <p> <br></p> <p>     ox=x;</p> <p> <br></p> <p>     oy=y;</p> <p> <br></p> <p>     for (c=0; c<bubbles; c++) if (!bubby[c]) {</p> <p> <br></p> <p>     bubb[c].left=(bubbx[c]=x)+"px";</p> <p> <br></p> <p>     bubb[c].top=(bubby[c]=y)+"px";</p> <p> <br></p> <p>     bubb[c].width="3px";</p> <p> <br></p> <p>     bubb[c].height="3px"</p> <p> <br></p> <p>     bubb[c].visibility="visible";</p> <p> <br></p> <p>     bubbs[c]=3;</p> <p> <br></p> <p>     break;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);</p> <p> <br></p> <p>     setTimeout("bubble()", 40);</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     function update_bubb(i) {</p> <p> <br></p> <p>     if (bubby[i]) {</p> <p> <br></p> <p>     bubby[i]-=bubbs[i]/2+i%2;</p> <p> <br></p> <p>     bubbx[i]+=(i%5-2)/5;</p> <p> <br></p> <p>     if (bubby[i]>sdown && bubbx[i]>0) {</p> <p> <br></p> <p>     if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {</p> <p> <br></p> <p>     bubb[i].width=bubbs[i]+"px";</p> <p> <br></p> <p>     bubb[i].height=bubbs[i]+"px";</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     bubb[i].top=bubby[i]+"px";</p> <p> <br></p> <p>     bubb[i].left=bubbx[i]+"px";</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else {</p> <p> <br></p> <p>     bubb[i].visibility="hidden";</p> <p> <br></p> <p>     bubby[i]=0;</p> <p> <br></p> <p>     return;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     document.onmousemove=mouse;</p> <p> <br></p> <p>     function mouse(e) {</p> <p> <br></p> <p>     set_scroll();</p> <p> <br></p> <p>     y=(e)?e.pageY:event.y+sleft;</p> <p> <br></p> <p>     x=(e)?e.pageX:event.x+sdown; }</p> <p> <br></p> <p>     window.onresize=set_width;</p> <p> <br></p> <p>     function set_width() {</p> <p> <br></p> <p>     if (document.documentElement && document.documentElement.clientWidth) {</p> <p> <br></p> <p>     swide=document.documentElement.clientWidth;</p> <p> <br></p> <p>     shigh=document.documentElement.clientHeight;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else if (typeof(self.innerHeight)=="number") {</p> <p> <br></p> <p>     swide=self.innerWidth;</p> <p> <br></p> <p>     shigh=self.innerHeight;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else if (document.body.clientWidth) {</p> <p> <br></p> <p>     swide=document.body.clientWidth;</p> <p> <br></p> <p>     shigh=document.body.clientHeight;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else {</p> <p> <br></p> <p>     swide=800;</p> <p> <br></p> <p>     shigh=600;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     window.onscroll=set_scroll;</p> <p> <br></p> <p>     function set_scroll() {</p> <p> <br></p> <p>     if (typeof(self.pageYOffset)=="number") {</p> <p> <br></p> <p>     sdown=self.pageYOffset;</p> <p> <br></p> <p>     sleft=self.pageXOffset;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else if (document.body.scrollTop || document.body.scrollLeft) {</p> <p> <br></p> <p>     sdown=document.body.scrollTop;</p> <p> <br></p> <p>     sleft=document.body.scrollLeft;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {</p> <p> <br></p> <p>     sleft=document.documentElement.scrollLeft;</p> <p> <br></p> <p>     sdown=document.documentElement.scrollTop;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     else {</p> <p> <br></p> <p>     sdown=0;</p> <p> <br></p> <p>     sleft=0;</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     function createDiv(height, width) {</p> <p> <br></p> <p>     var div=document.createElement("div");</p> <p> <br></p> <p>     div.style.position="absolute";</p> <p> <br></p> <p>     div.style.height=height;</p> <p> <br></p> <p>     div.style.width=width;</p> <p> <br></p> <p>     div.style.overflow="hidden";</p> <p> <br></p> <p>     return (div);</p> <p> <br></p> <p>     }</p> <p> <br></p> <p>     // ]]></p> <p> <br></p> <p>     </script>

•     trus disave

kode ini #F781BE artinya kode warna efek gelembungnya,, jadi kalau pengen warna yang lain ganti dengan warna kesukaan kamu,,,
okaii???