Membuat Buku Tamu Tersembunyi

Tentu kalian pernah bukan melihat sesuatu disamping kanan yang terselip dan bertuliskan buku tamu seperti gambar disamping. Ok kali ini saya akan berbagi cara bagaimana menyembunyikan buku tamu agar tidak memakan banyak tempat di sidebar blog kita. Sebelum kita menggunakan fasilitas ini terlebih dahulu kita mempunyai akun cbox atau shoutmix untuk mendapatkan script kodenya. Jika kalian belum memiliki akun klik disini untuk cbox dan disini untuk shoutmix.

Ok,, saya langsung jelaskan bagaimana cara membuatnya :-) .. Berikut hal-hal yang 

Login blog
Rancangan -> Elemen Laman -> Add Gadget
Pilih HTML/Java Script
Copy Paste script dibawah ini pada kolom konten

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><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 /> <br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <br /> <div class="gbcontent"><br /> <br /> < Letakkan disini script kode Anda><br /> <div style="text-align:right"><a href="http://adamrabbani.blogspot.com"><br /> <script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>



Save
Semoga berhasil :D