Salam Ramadhan dan selamat berpuasa.

Ramai rakan yang bertanyakan saya cara untuk meletakkan shoutbox yang boleh disembunyikan disebelah tepi blog. Untuk tidak menghampakan rakan2 yang setia bersama blog saya ini, berikut disertakan cara membuat autohide shoutbox

1. Login >>Design >> Add a Gadget >> HTML/Javascript
2. Copy dan paste kod berikut:

<style type="text/css"> #gb{ position:fixed; top:30px; 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/AVvXsEhkU7i3a8zTLVbY5h4VVb0hJNDyvhIGeZXbhF4z6g4yFrCLm4hRiCqigCRQrfJzlBlaji790-A8YfC4Hv68tyHqfW3ktzUdEskSBETTHbNHE2rxfdiove-qvqCzJFY8_La1wTYh_k-kFkYb/s320/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <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"><br /> <br /> //Masukkan kod shoutbox/shoutmix/cbox anda disni<br /> <br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>


3. Gantikan/isikan kod shoutbox anda dibahagian yang dinyatakan
4. save


itu sahaja...