Cara Memasang Cbox Tersembunyi. Tutorial khas untuk Uncle

Hai, bertemu kembali kita di ruangan tutorial. Nampaknya agak lama ngexz tak tulis entry pasal tutorial kan. Hurm... Tutorial ngexz kali ni ada kena mengena ngan Macam mane nak sembunyikan cbox. Cuba uolls tengok kat sebelah kanan umah ngexz tuh, ada nampak tak "Buku Tamu". Hah yang tue la ngexz nak sharekan hari ni dan pada masa yang sama share ngan uncle yang nak wat cbox kat tepi.. Tutorial ni ngexz dapat dari blog sis sue. So ngexz sharekan lagi kat sini. Hope uncle boleh gak buatkan tutorial ni.

Nak wat cbox tersembunyi ni senang jer. ok ikut step kat bawah

1. Copy and paste html kat bawah

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhum6PXLT5eRllgNaHLw3t3jqTzGOvY8OiLewpaQBNxInoOYO_7tTvaK5Pc-kRQ3fl-qO99bHyMWjiqtzNmjvynTLMS-ptG-iBjsDUHKQ2G9QILEuWcPrZhLeQ2gGXS_9CWrCd8ZAfSIEu0/')

no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<!-- Ganti ini dengan code cbox uolls -->

<a href="http://thengexz.blogspot.com/">

Chat online

</a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

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

2. Pegi ke Page Layout, Add Gadget, & klik kat hmtl/ javascript

3. Then uolls, copy and paste code html yang kaler merah atas tue.

4. Lepas copy and paste, cari yang ni <a href="http://thengexz.blogspot.com/"> Tulisan yang kaler biru tue uolls tukar dengan URL blog uolls.

5. Then, cari yang ni kat code html kaler merah atas tue <!--Ganti ini dengan code cbox uolls -->

6. Siap... Save

Selamat Mencuba

---

Terima Kasih

---