cara memasang buku tamu auto head

langkah-langkah dalam membuat buku tamu auto head adalah sebagai berikut

1. brosing cara membuat buku tamu auto head 
2. setelah terbuka copy kode skrip terlebih dahulu 
3. <style type="text/css">
   #gb{
   position:fixed;
   top:20px;
   z-index:+1000;
   }* html #gb{position:relative;}
   
   .gbtab{
   height:150px;
   width:50px;
   float:left;
   background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
   }
   
   .gbcontent {
   float:left;
   border:1px solid #000000;
   -moz-border-radius-bottomleft:5px;
   -webkit-border-radius-bottomleft:5px;
   -o-border-radius-bottomleft:5px;
   -khtml-border-radius-bottomleft:5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-topleft: 5px;
   background: #F2F2F2; url() no-repeat bottom;
   padding:10px;
   }
   
   </style>
   
   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
   gb.opened = !gb.opened;
   }function moveGB(x0, xf){
   
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
   }</script>
   
   <div id="gb">
   <div class="gbtab" onmouseover="showHideGB()"> </div>
   
   <div class="gbcontent">
   <center>
   <!-- BEGIN CBOX - www.cbox.ws - v001 -->
   <div id="cboxdiv" style="text-align: center; line-height: 0">
   <div><iframe frameborder="0" width="250" height="298" src="http://www6.cbox.ws/box/?boxid=772863&amp;boxtag=5dlmsp&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-772863" style="border:#000000 1px solid;" id="cboxmain6-772863"></iframe></div>
   <div><iframe frameborder="0" width="250" height="82" src="http://www6.cbox.ws/box/?boxid=772863&amp;boxtag=5dlmsp&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-772863" style="border:#000000 1px solid;border-top:0px" id="cboxform6-772863"></iframe></div>
   </div>
   <!-- END CBOX -->
   <br />
   <div style="text-align:center">
   <span style="float:right; color:#000000;">Get this <a target="_blank"href="http://fatkhulhuda.blogspot.com/2013/11/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
   </div>
   </center></div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (50-gb.offsetWidth).toString() + "px";
   </script>
   
   </div>
4. setelah itu kita membuka akun cbox anda
5. masuk ke akun cbox anda terlebih dahulu
6. lalu klik publish 
7. lalu akan muncul kode skrip,na lau kode skrip ini di copy
8. <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
   <div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
   <div style="position: relative; height: 290px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="https://www7.cbox.ws/box/?boxid=814673&boxtag=2G9d2a&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-814673" id="cboxmain7-814673"></iframe></div>
   <div style="position: relative; height: 90px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="https://www7.cbox.ws/box/?boxid=814673&boxtag=2G9d2a&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-814673" id="cboxform7-814673"></iframe></div>
   </div>
   <!-- END CBOX -->    
9. setelah itu buka blog
10. klik tata letak
11. klik tambah gadget 

12 klik html
13 copy kode skrip ke kolom yang sudah tersedia