Saturday, December 3, 2011

BALON ATAU GELEMBUNG DI COURSOR

Waaaww......
Ada gelembung-gelembung di cousor blog,pingen yaa...??
Ayoo Sob tancap aza nech cara nya
Seperti biasa tambah gadget pilih HTML/JavaScript dan copypaste script berikut :


<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">


    // <![CDATA[


    var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles


    var bubbles=100; // maximum number of bubbles on screen


    var x=ox=400;


    var y=oy=300;


    var swide=800;


    var shigh=600;


    var sleft=sdown=0;


    var bubb=new Array();


    var bubbx=new Array();


    var bubby=new Array();


    var bubbs=new Array();


    window.onload=function() { if (document.getElementById) {


    var rats, div;


    for (var i=0; i<bubbles; i++) {


    rats=createDiv("3px", "3px");


    rats.style.visibility="hidden";


    div=createDiv("auto", "auto");


    rats.appendChild(div);


    div=div.style;


    div.top="1px";


    div.left="0px";


    div.bottom="1px";


    div.right="0px";


    div.borderLeft="1px solid "+colours[3];


    div.borderRight="1px solid "+colours[1];


    div=createDiv("auto", "auto");


    rats.appendChild(div);


    div=div.style;


    div.top="0px";


    div.left="1px";


    div.right="1px";


    div.bottom="0px"


    div.borderTop="1px solid "+colours[0];


    div.borderBottom="1px solid "+colours[2];


    div=createDiv("auto", "auto");


    rats.appendChild(div);


    div=div.style;


    div.left="1px";


    div.right="1px";


    div.bottom="1px";


    div.top="1px";


    div.backgroundColor=colours[4];


    div.opacity=0.5;


    if (document.all) div.filter="alpha(opacity=50)";


    document.body.appendChild(rats);


    bubb[i]=rats.style;


    }


    set_scroll();


    set_width();


    bubble();


    }}


    function bubble() {


    var c;


    if (x!=ox || y!=oy) {


    ox=x;


    oy=y;


    for (c=0; c<bubbles; c++) if (!bubby[c]) {


    bubb[c].left=(bubbx[c]=x)+"px";


    bubb[c].top=(bubby[c]=y)+"px";


    bubb[c].width="3px";


    bubb[c].height="3px"


    bubb[c].visibility="visible";


    bubbs[c]=3;


    break;


    }


    }


    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


    setTimeout("bubble()", 40);


    }


    function update_bubb(i) {


    if (bubby[i]) {


    bubby[i]-=bubbs[i]/2+i%2;


    bubbx[i]+=(i%5-2)/5;


    if (bubby[i]>sdown && bubbx[i]>0) {


    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


    bubb[i].width=bubbs[i]+"px";


    bubb[i].height=bubbs[i]+"px";


    }


    bubb[i].top=bubby[i]+"px";


    bubb[i].left=bubbx[i]+"px";


    }


    else {


    bubb[i].visibility="hidden";


    bubby[i]=0;


    return;


    }


    }


    }


    document.onmousemove=mouse;


    function mouse(e) {


    set_scroll();


    y=(e)?e.pageY:event.y+sleft;


    x=(e)?e.pageX:event.x+sdown; }


    window.onresize=set_width;


    function set_width() {


    if (document.documentElement && document.documentElement.clientWidth) {


    swide=document.documentElement.clientWidth;


    shigh=document.documentElement.clientHeight;


    }


    else if (typeof(self.innerHeight)=="number") {


    swide=self.innerWidth;


    shigh=self.innerHeight;


    }


    else if (document.body.clientWidth) {


    swide=document.body.clientWidth;


    shigh=document.body.clientHeight;


    }


    else {


    swide=800;


    shigh=600;


    }


    }


    window.onscroll=set_scroll;


    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;


    }


    }


    function createDiv(height, width) {


    var div=document.createElement("div");


    div.style.position="absolute";


    div.style.height=height;


    div.style.width=width;


    div.style.overflow="hidden";


    return (div);


    }


    // ]]>


    </script>



Kemudian simpan,
waaww...kayak dalam air aja,harus bawa oksigen nech biar gak kelelep,heee...

kode yang berwarna "pink" merupakan kode warna,jadi sobat bisa merubah warna gelembung-gelembung sesuai dengan keinginan sobat.
sumber : http://www.masterendi.com/

2 komentar:

  1. kwkwkwk.. kelelep butuh pelampung gan? follow back ya gan, ane dah follow.. :D

    ReplyDelete
  2. Wakakak...,
    pagi-pagi gene abang udah jalan-jalan ke blog saya apa gak capek.. kalau capek ary kasih air ya, mumpung lagi banyak air neech,heee...

    Oke bang makasih kunjungannya,juga udah nangkring di blog ary.SUKSES slalu buat anda.

    ReplyDelete