Tutorials : Blockquote Flash

Selamat petang korang...

Tadi niat nak puasa sunat, hancur dah...

Syaz termakan Milo lah...Huhu..

Lapar sangat sampai boleh lupa...

Ish ish ish...

Apalah, tahan bola tu wat pe?

Tahan lah aku daripada termakan Milo...

Huhu...

OK, hari nie...syaz nak wat tuto...

Direquest oleh Cik Syai kite...

Yang juga seorang "belieber"...

Okay Cik Syai... Mulakan!!

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.Cari kod ni...

.post blockquote {

3.Pastekan kod ni kat BAWAH kod tadi :

margin: 1em 20px;

background:url(http://i863.photobucket.com/albums/ab195/shz97/bg/orange.png); padding:5px;

border:1px dashed #FF8040;

padding: 5px;

}

.post blockquote:hover {

background: url(http://archives.bulbagarden.net/media/upload/0/0f/025MS.png) no-repeat right bottom ;

border:1px dashed #FF8040;

-webkit-transition: 1s;}

}

 4.Tukarkan kod-kod yang berwarna ikut suka hati korang eh? Baru save!

MERAH = Tukarkan dengan background yang korang nak

UNGU = Tukarkan dengan icon yang akan muncul apabila di hover

BIRU = Ikut ketebalan blockquote yang korang nak

CHOC = Tukar ikut cita rasa korang, dotted/dashed/solid

OREN = Warna untuk border blockquote korang

Kalau tak paham komen tau!! Happy Blogging!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Ayat Bergerak

Salam 1 Malaysia dan Salam 1 Blogger!!

Hari ni,syaz nak ajar korang mcm mana nak buat

Ayat bergerak / Marquee ...

Ni boleh digunakan sebagai status / greetting...

Okay...jom mulakan...

1.Dashboard >> Design >> Page Layout >> Add Gadget >> HTML/Javasript

2.Pastu,copy kod ni bawah ni...

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:9pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >TEXT KORUNK</marquee>

3.Save!!

Hijau = tukar ikut citarasa korang

Purple = tukar direction yg korang nak : right/left/up/down/alternate

Merah = tukar ayat korang sendiri 

Selamat Mencuba!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Spoiler Button Show & Hide

Salam 1 Blogger~~

Kali ni nak wat tuto ttg spoiler button...

Nak tau apa itu?

Tengok gambar ni :

Bile tekan butang "Rules" tu...

Jadi macam nie!!

Amacam...nak buat x??

Credits : gambar blog liza

1.Dashboard >> Add Gadget >> HTML/Javasript

2.Copy & paste kod ni :

<div><div style="margin: 5px;">

<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Klik Sini" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik Sini'; }" type="button"/>

</div>

<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">

<div style="display: none;">

Masukkan Code/Gambar/Text Di sini

</div></div></div></div>

3.Save!!

MERAH = Tukar dengan perkataan korang (sebelum dibuka)

HIJAU = Tukar dengan pertakaan korang (Selepas dibuka)

BIRU = Letak kod/gambar/text korang

Selamat Mencuba!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Tukar Scrollbar Jadi Cute

Hye korang!! Tuto nie FaiReynaz & Cinda yg request...

Ok...jom belajar...

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.Cari kod nie : 

}]]></b:skin>

3.Pastu,korang copy kod ni & paste di ATAS kod yg dicari tadi :

::-webkit-scrollbar {height:12px;width: 12px;background: #F9A7B0;}::-webkit-scrollbar-thumb {background color: #FAAFBA;-moz-border-radius: 10px;border-radius: 10px;}

4.Save!!

**MERAH = boleh tukar wanra yang korang nak...**

**Klik sini untuk pilihan warna**

Selamat Mencuba!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Tukar Home,Older & Newer Post kpd Gambar

Assalamualaikum...

This is the first tuto in this month,right??

And I'm gonna speak in English,okay??

Let's get started!!

1.Dashboard >> Design >> Edit HTML >> Tick Exoand Widget Templates

2.Find this code :

<data:newerPageTitle/>

3.Change the code you just found with this :

<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

5.Then,find this code : 

<data:olderPageTitle/>

6.Change the code with this one :

<img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png"/>

7.Lastly,find this code :

expr:href='data:blog.homepageUrl'><data:homeMsg/>

8.Change it with this code :

<img src=''http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png''/>

9.Save...got that?? Good...

Happy Trying and Happy Blogging!!

Red = Change it with YOUR picture's URL

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Scroll Box Untuk Blog Archive

Korang tgk lah blog archive org-org yg

telah lama dgn dunia blogging nie...

Mesti panjangkan blog archive die??

Haa....syaz ada tuto untuk korang...

Ia akan wat blog archive korang ada scroll bar...

Nak x?? Nak?? Ikut tuto nie ye!! 

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.Cari kod nie 

<div id='ArchiveList'>

3.Korang akan jumpa kod nie sebelum kod yg dicari td...

<div class='widget-content'> 

4.Gantikan kod <div class='widget-content'> dengan kod nie :

<div class='widget-content' style='overflow:auto; height:200px'>

5.Korang boleh tukar 200px dengan ketinggian yg korang nak...

6.Save!

Selamat Mencuba & Happy Blogging!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Reply To Comment

Hari nie,syaz nak ajar mcm mane nak wat butang "Reply"...

Paham x? Tgk kat bahagian komen tu,kan ada butang "Reply" kan?

Haih...x pe lah,syaz tunjuk gambar,okay?

Haa...tulah butang "Reply"...

Apa lagi,start!!

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.CTRL+F,cari kod ni : 

<data:commentPostedByMsg/>

3.Copy kod di bwh,dan paste di bawah kod td...

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3673496603949412057&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Reply</a></span>

4.Cuma tukarkan benda nie dan save!!

Biru = Blog Id korang

Merah = Tukarlah ngan apa-apa perkataan yg korang nak,x yah tukar pun x pe 

Semoga Berjaya! ^^

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Animated Recent Posts

Assalamualaikum,korang semua!!

Hari nie...syaz nak ajar mcm mana nak buat

animated recent posts...X tau apa benda tu?

Nah...syaz tunjukkan gambar die...

Ok,dah tau? Jom buat....

1.Dashboard >> Design >> Page Layout >> Add Gadget >> HTML / Javascript

2.Copy kod dibawah nie dan paste kat ruangan kosong...

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://pikastories.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>

 Merah = Tukarkan dengan URL blog korang


4.Dah? Save lah,apa lagi...hehe
       

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Dashboard & Follow Button Mcm Tumblr

Korang,korang,korang!!

Hari nie...syaz nak ajarkan kat korang semua mcm ne

nak wat button dashboard & follow mcm tumblr...

1.Dashboard >> Design >> Page Layout >> Add Gadget >> HTML / Javascript

2.Copy dan paste kod nie kat ruangan kosong tu....

<a style="display:scroll;position:fixed;top:45px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=3673496603949412057" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

3.Merah = Tukar kepada blog ID korang
4.Dah?? Save yaww!! (Bahasa budak gedik... )

Selamat mencuba!! 

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Hide & Seek Navbar

Hai korang  Sihat Bagus...Syaz tgh batuk jer nie...

Sebab sekarang nie syaz nak ajarkan korang,mcm ne nak

wat hide & seek navbar mcm blog syaz nie...

1.Dashboard >> Design >> Edit HTML

2.Cari kod nie 

/* Content

3.Copy & paste kod nie kat  ATAS kod yg dicari td,okay?

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

4.Save....dah siap!!

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Letak Status

Hai korang!! Mula-mula,syaz nak creditkan tuto nie kat Kak Lyssa...

Mesti ramai yg nak letak benda nie,walaupun x peting...hehe

Okay,sekarang syaz akan ajarkan kat korang semua mcmne nak wat...

1.Dashboard >> Design >> Page Layout >> Add Gadget >> HTML/JAvascript

2.Copy kod nie :

<fieldset><legend><img src="URL GAMBAR"/></legend><center>Lyssa ONLINE</center><center>03 JUNE 2011</center></fieldset> 

3.Done!! ^^

**Merah = URL gambar korang..

**Biru = Gantikan dengan ayat korang dan tarikh

Nie gambar untuk korang,juga from Kak Lyssa...

Klik kat gambar utk URL gambar,ok?

PERINGATAN :-

Perlu diingatkan bahawa setiap kali korang nak update status tu, korang kena lah edit balik taw tarikh2 dari semasa ke semasa ! And Jangan Lupa SAVE ok ?

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Buang Attribution

Hi korang semua!! Syaz baru balik dari kenduri kahwin sedara syaz...

Burp -alhamdulillah-  kenyang nyer....hihihi...

Okay,sekarang nie syaz nak ajar korang mcm ne nak buang attribution yg menyemak tuh...

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.Pastu,korang cari kod nie

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

3.Dah jumpa? Tukarkan true jd false....Ada paham? Kalau dah siap...save lah,apa lagi...
4.Pastu,pegi kat Design >> Page Layout...
5.Attribution tu kat bwh sekali kan? Tekan Attribution tu...
6.Aik? Ada butang REMOVE ?? Tekan butang tu...
7.Dah siap...^^ Mudah kan??

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Nota di Bawah Setiap Post

Hari nie,syaz nak share sikit kat korang semua mcm ne nak wat nota di bwh setiap post ....

mcm nie ha....

Haa....ada paham? Ok,jom buat....

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Template

2.Cari kod nie :

<data:post.body/>

3.Copy kod nie dan pastekan kan kat bwh kod yg dicari td tu....

<hr/><center><b>AYAT ANDA DI SINI</b></center><hr/>

4.Save...

**Yg Merah tu korang gantikan ngan ayat sendiri**

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : JQuery Top Button

Wee...apa khabar korang semua? Hari nie,syaz nak wat tuto top button...Top button tu apa?

Ni ha...

Ha,nak wat mcm na? Jom belajar...

1.Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates

2.Cari kod </body> pastekan kod ni kat atas dia...

<a href='#' id='toTop'><img src='URL ICON?t=1292762029' style='border:0;'/></a>

3.URL ICON = tukar ngan apa² gambar ngan korang nak...

4.Cari kod ]]></b:skin> pulak...pastekan kod ni kat atas dia...

/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

5.Cari  </head>, pastekan kod ni kat atas dia...

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>/*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by Zen from http://zenplate.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/ $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() { $("#toTop").scrollToTop(); }); </script>

6.Save!! 

Nie ada beberapa gambar Top button,nah...free jer...

http://img529.imageshack.us/img529/1986/96133335.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRkBZ5E2tLwUV-6F2tR4E9vsiUldu4EWXD0jcki-ACmVLi0aMUTnZVd6Li59N9vOSG0TUgDTUSJ5iYApsajaeJyx2d9wS5BiJbeb0z9un_BwT6ZfvDRRvByMe_KWlhv7ngJ6FLHhWn-xo/s1600/top+2.png

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Cursor Tanpa Letak Gadget

Hai korang!!Syaz nak wat tuto nie!Korang dah baca tajuk kan? Biasanya kan org letak gadget mcm 'Cursors 4U','Totally Free Cursors' atau apa lah kan?
Haa...nie x yah letak gadget pon...Hehe...nak buat? Ikut steps nie...

1.Dashboard >> Design >> Edit HTML

2.Cari kod nie dgn menekan CTRL+F

body {

3.Pastekan kod kat bwh nie kat BAWAH yg dicari tadi tu...

cursor:url("URL CURSOR"),default; filter: none; text-decoration: 

Biru = tukar ngan url cursor korang tu


4.Save...dah siap!! ^^

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Youtube Player

Hai,korang!!Nie ada org kata nak cari tuto nak wat Youtube Player yg ada stop &  play...

Tengok nie...

Ha,skarang syaz nak ajarkan macam ne nak wat Youtube Player mcm syaz nie....^^

1.Pergi Youtube...Cari lagu yg korang suka...(nak nasihatkan jer...jgn letak lagu yg 'ter' lebih kuat volume yer?)

2.Bila dah jumpa lagu yg korang nak tu,tekan share...pastu tekan embed...pastu tekan 'use old embed code'...paham? Contoh : 

Tekan gambar kalau x nampak...x nampak jugak? Pakai cermin mata tebal punya...

4.Biru tu tukar tau! Width = 215,Height = 25

5.Kalau korang nak autoplay letak kod nie kat anak panah merah tu...(kalau x nak,x payah)

  

 autoplay=1;amp;

6.Siap!! Tekan save...(kadang-kadang lagu tu lambat nak load...sabar jer lah)

(Kalau korang perasan...ni tuto pertama syaz yg ada gambar...huhu)

---

Dah baca tu...Jangan lupa komen!

---

Tutorials : Bubbly Cursor

Assalamualaikum!!

Selamat tengah hari murid²!!

Ewah²...mcm cikgu pulak syaz nie kan? Hehe

Okay! Sekarang,syaz akan ajar korang mcm ne nak wat bubbly cursor...

Haa? Korang x tau apa die bubbly cursor?

Yelah,syaz terangkan...

alah...benda yg keluar buih² kalau kiter gerakkan cursor tu....

Haa....meh kita mulakan!

1.Dashboard >> Design >> Page Layout >> Add Gadget >> HTML/Javascript

2.Then,korang copy kod kat bwh nie...

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

        // <![CDATA[


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


        var bubbles=12; // 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.Pastekan kod tadi kat ruangan kosong tuh...
4.Save...Dah siap!!


Yang merah tuh,gantikan ngan warna yang korang nak...KLIK SINI


**Dinasihatkan supaya yg tlh buat Sparkling Cursor tuh...buang kod tu tau! Nanti x jadi lak...**

---

Dah baca tu...Jangan lupa komen!

---