Membuat Buku Tamu Tersembunyi di Samping Postingan

Halo sob.. Balik lagi ya ke tips bloging yang keren lagi. Penasaran sob?
Ini sob, tips memberi buku tamu yang tersembunyi. Maksudnya dari buku tamu yang tersembunyi adalah ruang ngobrol yang apabila diklik buku tamu yang tersembunyi itu oleh pengunjung blog kita ruang ngobrol itu akan keluar dari samping postingan blog sobat.
Tentu dari buku tamu ini, juga dapat meningkatkan trafic blog sobat juga.
mau tau caranya sob? ini nggak terlalu sulit kok.

eiitss...asalkan sobat sudah punya akun atau kode buku tamu di shoutmix.com, Cbox, atau  Shoutbox .
kalau sobat belum punya, silakan sobat register dulu untuk mendapatkan kodenya.

kalau sudah dapat kodenya, silakan sobat log in dulu di blogger.com
kemudan, sobat klik menu rancangan.
setelah itu sobat klik tambah gadget => HTML/Javascript
nah kalau sudah, silakan copas kode berikut ini sob..

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">


    < Letakkan disini kode Shoutbox Anda>


    </div>


    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>

Untuk yang warna kuning, ganti dengan kode shoutbox, cbox, atau shoutmix sobat. Terserah mau yang mana bisa.
terakhir, tinggal sobat save. jadi deh

gampang kan sob... nah, kalau begitu silakan mencobanya. :)
good luck sob.. semoga bermanfaat tips dari saya kali ini .