assalamualaikum and hello fellas!
hari ni tetiba rajin nak buat tuto. korang tahu kan, bubble cursor tu apa? tahu kan? tahu kan? okayy, bagus. bijak, bijak. hehe. okayy, straight to the point.

1. blogger > design > add a gadget > html / javascript

2. copy code kat bawah ni;

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">// <![CDATA[var colours=new Array("#FF00CC", "#FF00CC", "#FF00CC", "#FF00CC", "#FF00CC"); // colours for top, right, bottom and left borders and background of bubblesvar bubbles=100; // maximum number of bubbles on screen
/***************************** JavaScript Bubble Cursor ** (c) 2010 mf2fm web-design ** http://www.mf2fm.com/rv ** DON'T EDIT BELOW THIS BOX *****************************/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>

3. paste di ruangan html / javascript tadi.

4. yang dihitamkan tu, colour bubble korang. #FF00CC tu colour pink okayy. kalau nak tukar, click [sini] 

5. tekan save.

*kalau korang ada letak gadget sparkle cursor, korang kena buang gadget tu dulu, baru menjadi. faham kan? :)



note (s) ;

• cuti sekolah tinggal seminggu :O 
• homework satu pon tak buat lagi. kihkihkih

Labels: blog, tutorial

Older Post | Newer Post

Template by : Qistina
Basecode by : Nurynn
Edited and own by : Ilmi