Shoutbox Gantung

Kali ni permintaan datang daripada Zahidah lagi melalui kotak email.
Baiklah shoutbox gantung ni kebanyakan blogger sudah menggunakannya dan sangat mudah untuk menjimatkan space di sidebar. Walaubagaimanapun, anda perlu concern seandainya shoutbox anda itu memanjang ke bawah, ianya agak sukar bagi pengguna netbook untuk meninggalkan jejak. Seperti yang berada di blog cahayamylife itu. [Dah tahu, masih tak repair.hee~] Sebaiknya anda menggunakan shoutbox yang melebar.
1) Shoutbox anda boleh dapatkan di sini.
2) Jangan lupa tukarkan date & time okey.
Anda boleh setting sama ada background atau emoticon.

petak-yang perlu ditukar jika anda mahu kelihatan lebih menarik.

bulatan- untuk ubah saiz kotak shoutbox.

3) Seperti biasa buka bahagian Design/Layout -> HTML
Dan masukkan code di bawah

<style type="text/css"> #gb{ position:fixed; top:120px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('URL GAMBAR') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <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><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent">'PASTE'KAN CODE SHOUT,IX ANDA<br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> <br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

4)'Paste'kan URL code shoutbox atau shoutmix anda tu ke ruangan yang saya nyatakan.
5)Bagi perkataan URL GAMBAR itu adalah untuk gambar seperti ini.

Gambar seperti itu anda boleh buat sendiri dan dapatkan url nye di sini dengan meng'upload' gambar yang telah anda buat.

height:100px;<br /> width:30px;<br /> float:left;<br /> cursor:pointer;<br /> background:url
*code ini terdapat dalam kotak code di atas.

Height dan width itu adalah untuk saiz gambar anda.
6)Seperti biasa, setelah settle, save.