Cara Buat Buku Tamu nempel di Sebelah Kanan Blog

Buku tamu nempel atau atauhide di bagian samping blog merupakan salah satu cara menghemat sidebar blog. Buku tamu ini akan tersembunyi dan hanya terlihat tulisan buku tamu saja pada bagian samping blog. Buku tamu akan otomatis tampil setelah anda mengklik tulisan 

'Buku Tamu" tersebut. Berikut cara lengkapnya...

1. Sign in ke blogger dan silahkan Login dengan Account Anda

2. Pilih Layout/Tata Letak

3. Pilih Page Elemen/Elemen Halaman

4. Klik Add a Gadget/Tambah Gadget

5. Lalu pilih "HTML/JavaScript" dan copykan code script di bawah ini :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDFOmD_G9Ys8FFXHURg0St1goguoHUTyW1V5EmycKMOgzLBzYgJ9ZuaKKMSkzh8z_-dSb7zU0JgOhcesILt91-AU9oJdUSkrEnqAO7qj2bh-Yky34IFfoJE9NWxQKyrmw1GWQu_IlMasHw/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNma3abp39PBHt-U269_1BnIUtDFRc9PWC9xYwGLJ4NCXFQjm0xddk7rDlVMjTcDIAaYYNj1EC6rexY_ak5c-hWOFcqXTGm1r4HTSbPOJZpjDcsobSjzkOhA1yxEPlzZ0b6ZTmNG04Ye6q/s1600/sword+blue.gif'); padding:5px; } </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"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat/ code chat lain <!-- END CBOX --> <a href="javascript:showHideGB()"> [hide] </a> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

 
Note: Ganti tulisan Code Cbox milik sahabat/ code chat lain dengan kode Cbox anda yang telah  peroleh  di Cbox.

Posted in: Tips and Trick,Widget