Bubble Cursor

Assalamualaikum , tuto ni direquest oleh kawan dari fb saye . jom buat sekarang ..

1.Design-Add a gadget-HTML javascript
2.Copy code bawah ni & paste ke dalam ruangan tu

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript">


// <![CDATA[


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


var 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>
tEka-Teki
merah ; warna bubble yg korang suke.>>warna code<<

3.Dah siap !

Disable Highlight

Hai , tuto ni direquest oleh sesorang . dan saye ingin mentunaikannye . okey jom buat sekarang. Ni tuto yang paling simple


1.Design-Add a gadget-HTML javascript
2.Copy code bawah ni & paste ke dalam ruangan tu



<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>
3.Dah siap !~ Save kalau puas hati 

Background Swirly

Hai , pagi ni mila nk wat freebies .. background swirly .. credit to kak pija . kalau awak semue nak .. bagitau dulu oke~


http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundgreen-6.png
http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundblue-6.png
http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundgray-6.png
http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundpink-6.png
http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundpurple-4.png
http://i1108.photobucket.com/albums/h420/sweetcandy4858/nurhafizah/backgroundorange-6.png





Letak Salji dalam blog

Assalamualaikum , hari ni mila nak buat tuto letak salji dalam blog ..salji ni memang cute ^^ dan saye amik tuto ni dari unwanted .. hehe ~ jom start


1.Design-Add a gadgets-HTML javascript
2.Copy code bawah ni & paste dalam ruangan tuu
ungu
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowpurple.js"></script>
hitam
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblack.js"></script>
biru
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblue.js"></script>
merah
<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowred.js"></script>

3.dah siap!~

[Nutella] lalla~

Salam readers ^,^ . Hari ini mila nak menceritakan tentang makanan yg lazat . yummy
Meleleh air liur dibuatnyeee :D [nutella] korang suke tak nutella ni .... sedapkan?
Hee , image kat atas tu bley buat freebies header ^^ , mau tak? kalu mau oke je
Soo , ari ni memang ramai yang telah follow mila (; btw , thanks . Jangan malu malu nak
chitchat kat shoutbox , bley sembang sembang . malam ni jugak mila nak blog walking dalam 
belog orang yang telah tinggalkan jejaknye di shoutbox . okey byebye
-
-
-
-
-
-

MeowMeow Here !~

Cursor Comel-comel

Assalamualaikum. Hee , dah lame tak buat tutorial . so nk buat sebab time ni free giler .. haha , okey . saye amik tuto ni dari kak farah dan saye amik freebies cursor dari kak lysaa, kak farah

1.Design-Add a gadget-HTML javascript
2.Copy code bawah ni & paste ke dalam ruangan itu ..
<style>body {cursor:url(URLcursor), url(URLcursor), auto;} </style>
<a href="
http://kamila-zaharah.blogspot.com" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>
Teka-teki
 Merah , url cursor yg korg ske ^^
 Biru , url belog korang ..

3.Puas hati , SAVE terosss !~
Freebies
http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/85.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/33.gif
http://i214.photobucket.com/albums/cc105/24168/egobox/vf/yours/cursors/84.gif
http://3.bp.blogspot.com/-vtfdOdUuyRk/TkaHFj5L3TI/AAAAAAAABlk/kBHax8QvA0o/s1600/bicarafarah1.png
http://cur.cursors-4u.net/cursors/cur-3/cur278.cur




Float Welcome note

Assalamualaikum , hari ni mila nak buat tuto semad siket .. haha . tuto ni direquest oleh sue aida . dan tuto ni saye amik dari dania dan syamira . Okey , jom buat

1.Design-Edit HTML- expand widget template
2.Tekan CTRL+F cari code bawah ni
<head>
3.Dah jumpe? Copy code bawah ni dan paste di atas code <head>
 <div style=' position:absolute; top:0px; left:50px;'><img src='url image'/></div><div style=' position:absolute; top:28px; left:62px;'><center>Your welcome note</center></div>
Teka-teki
 merah tu url image gmba korang suke , boleh pilih kat bawh
 biru tu ayat korang sukahati la nak letak ayat ape .
4.Preview & Save ! Bawah ade freebies

http://1.bp.blogspot.com/-nIFY8pU1Fg4/TkzBngK4OAI/AAAAAAAABg8/bMX0dE7C6V4/s1600/syamira1.png
http://2.bp.blogspot.com/-jAieLvCpJqE/TkzB9v3hHNI/AAAAAAAABhE/rKv0jc_UGiA/s1600/syamira2.png
http://2.bp.blogspot.com/-sQKh--PUVFA/TkzB9zoEvxI/AAAAAAAABhM/41uRsUn9aCE/s1600/syamira3.png