Cara Membuat Buku Tamu Di Sidebar Blog

Sering kali kamu menemukan Blog dengan Buku Tamu/Guestbook berada di Sidebar.Nah, Info Blog mau ngasih tau nih buat para Pembaca Info Blog. Caranya : 

• masuk ke akun blogger anda


• klik rancangan/design


• klik elemen laman


• tambah gadget


• pilih html/javascript

2.  


3.  

1. <style type="text/css">

1. #gb{

1. position:fixed;

1. top:50px;

1. z-index:+1000;

1. }

1. * html #gb{position:relative;}

1. .gbtab{

1. height:100px;

1. width:30px;

1. float:left;

1. cursor:pointer;

1. background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5yANsfKx-ffbdJlsezeQv8VeYqyyl12LuASsB3FEdmLTpYuPOyI9Z265PlujIB8BGnk65485Q2xbdAPfxlud0qB9TnWxQrXN0NvHJVv-K_xBsLkj6m5OY3i5-84LYsg1rZefbGIntKsf/') no-repeat;

1. }

1. .gbcontent{

1. float:left;

1. border:2px solid #A5BD51;

1. background:#F5F5F5;

1. padding:10px;

1. }

1. </style>

1. <script type="text/javascript">

1. function showHideGB(){

1. var gb = document.getElementById("gb");

1. var w = gb.offsetWidth;

1. gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

1. gb.opened = !gb.opened;

1. }

1. function moveGB(x0, xf){

1. var gb = document.getElementById("gb");

1. var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

1. var dir = xf>x0 ? 1 : -1;

1. var x = x0 + dx * dir;

1. gb.style.right = x.toString() + "px";

1. if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

1. }

1. </script>

1. <div id="gb">

1. <div class="gbtab" onclick="showHideGB()"> </div>

1. <div class="gbcontent">

1. Ganti ini dengan kode buku tamu kamu

1. <br/>

1. Mau seperti ini?<br/>

1. Click aja disini--->

1. <a href="

http://www.21gayaonfire.co.cc/2011/06/cara-membuat-buku-tamu-di-sidebar-blog.html">sedot gan..

1. </a>

1. <div style="text-align:right">

1. <a href="javascript:showHideGB()">

1. [close]

1. </a>

1. </div>

1. </div>

1. </div>

1. <script type="text/javascript">

1. var gb = document.getElementById("gb");

1. gb.style.right = (30-gb.offsetWidth).toString() + "px";

1. </script></div></div>

1.