Cara memasang widget buku tamu di blog tersembunyi

Yang dimaksud Widget buku tamu sebenarnya adalah sebuah widget chat yang dipasang dalam blog, dan biasanya dipergunakan oleh pengunjung website untuk salingbersapa dengan admin atau pengunjung lain.
Bagi anda yang ingin membuat Buku Tamu ini anda bisa mengunjungi situs CBox atau Shoutmix.
Buat akun, dapatkan scriptnya lalu edit tampilan setelah itu copy Scriptnya...

untuk menyembunyikan widget tersebut kita perlu tambahan script penyembunyi (slide), coba perhatikan script dibawah ini dan bagaimana cara memasang script cbox atau shoutmix menjadi tersembunyi :

1. Masuk akun blogger sobat.
2. Pilih Rancangan - Elemen Laman - add gadget - pilih HTML/javascript
3. Sisipkan script (cbox atau shoutmix tadi) dan Save

Perhatikan Script Dibawah :
<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/AVvXsEjfeUkSpFokfsQsxC2vUGOKPJhmhwTdjbLIl1DkC8eI1vOQvjsPMGik1px6gxIDCzAeoqDCRYEgWVWs79vaTmS455WK7QtXSul2LNtwbXPASdrLXeUvmpdxBQ2vQSBmB9lhMDjnrt7OaSY/s1600/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; 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 /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <!-- Simpan Kode Widget (buku tamu) Disini --><br /> <br /> <br/><br /> <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://situseo.blogspot.com/2011/11/menyembunyikan-berbagai-widget-buku.html" target="_blank">thank you for visiting</a></span><br /> <br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [close]<br /> </a><br /> </div><br /> </div><br /> </div><br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Keterangan : Tentukan ketinggian posisi gambarnya, pada script tersebut pada posisi 50 px dan letakan script   widget Buku Tamu pada tulisan 'Simpan Kode Widget (buku tamu) Disini' pada keterangan yang bertanda merah.