Shoutbox Tertutup Di Tepi

1. Bagi yang tak ada shoutbox lagi boleh pergi buat di  http://www.shoutmix.com/main/. Bagi yang sudah ada, skip ke tutorial NO.10
2. Klik butang Create Shoutbox bagi yang tiada shoutbox lagy. Dah ada, tekan login.
3. Dalam muka berikutnya taip maklumat yang diperlukan; 

Taip masukkan nama shoutbox dalam ruangan Shoutbox ID;
Taip masukkan kataluluan dalam ruangan Choose password dan ruangan Retype password;
Taip masukkan nama sendiri dalam ruangan Name;
Taip masukkan alamat emel dalam ruangan Email;
Tik tandakan kotak dalam ruangan I have read and agree to the Terms of Service;
dan klik butang Continue.

4. Tukar style dan design mengikut kesukaan anda. Dan save settings.

5. Klik Back to settings.

6. Klik Get Codes. 

7. Ubah witdh mengikur ukuran sidebar anda. Seterusnya, copy kod tersebut. 

8. Pergi Design>Page Elements>Add a Gadget>HTML/Java Script

9. Paste code tadi.

10. Copy Kod di bawah dan masukkan code shoutbox anda di tempat yang dinyatakan. Pergi ke Design>Page Elements>Add a Gadget>HTML/Java Script

11. Paste code ini bersama dengan code tadi. 

 <style type="text/css">

#gb{position:fixed; top:50px; z-index:+1000}

* html #gb{position:relative}

.gbtab{height:110px; width:30px; float:left; cursor:pointer; background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat}

.gbcontent{float:left; border:2px solid #666; background:#fffffg; 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">

Paste Masukkan Kod Shoutbox Di Sini

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

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

</a>

</div>

</div>

</div>

<script type="text/javascript">

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

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

</script> 

TQ.