MENYISIPKAN BUKU TAMU

   membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan pesan buku tamu juga bisa menambah cantik blog kamu, cara membuat buku tamu bisa dilakukan dengan berbagai macam cara, banyak juga website yang menyediakan script buku tamu secara gratis juga, dan shoutmix juga cbox adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya. nah bagaimana cara membuat buku tamu di blog? infonetmu sudah menulisnya di artikel-artikel yang terdahulu.



Cara yang paling banyak digunakan adalah MENYISIPKAN BUKU TAMU, tutorialnya baca dibawah ini!

1. Login pada blogger atau blogspot kamu.
2. Klik rancangan.
3. Add gadget atau tambahkan widget dan pilih html/javascript.
4. Copy dan paste kode berikut:
   

   <!-- right hidden chatbox by http:infonetmu.blogspot.com/ START -->
   <style>
   #hcr {
   position:fixed;
   top:100px;
   z-index:+1000;
   }
   * html #hcr {position:relative;}
   .hcrtab {
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
   }
   .hcrcontent {
   float:left;
   border:2px solid #003e82;
   background:#f3f6f7;
   padding:10px;
   }
   .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none}
   </style>
   <script type="text/javascript">
   function showHidehcr(){
   var hcr = document.getElementById("hcr");
   var w = hcr.offsetWidth;
   hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
   hcr.opened = !hcr.opened;
   }
   function movehcr(x0, xf){
   var hcr = document.getElementById("hcr");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   hcr.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcr">
   <div class="hcrtab" onclick="showHidehcr()"> </div>
   <div class="hcrcontent">
   masukan kode shoutbox/buku tamu sobat di sini
   <br />
   <div class="hc-credit">
   <span style="float:left">
   
   </span>
   </div>
   </div>
   </div>
   <script type="text/javascript">
   var hcr = document.getElementById("hcr");
   hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
   </script>
   <!-- right hidden chatbox by http://infonetmu.blogspot.com/ END -->

   'http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif'
   
   
   MENYISIPKAN BUKU TAMU TANPA DIKLIK
   
   <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://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat; } .gbcontent { float:left; border:1px solid #BB0000; -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -o-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHKO98sV4nfmgllbzVmb5HjtNxSsUoNK8me4vAnSLb9eAN9YlW-bcGaFH12b4__iCjsBmz-b8HYEU9bjAgSn_VEO2Vfacy5an6Bf90ZtT-BA-hO8pOT-sBk7SvbTi-H6LZCdWTDZ_4akdW/s1600/api.gif) 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> ISI DENGAN KODE BUKU TAMU SOBAT <br /> <div style="text-align:center"> <a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox"> <center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center> </a> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></div>
   
   
5. Klik simpan.
6. Selesei.