cara pasang buku tamu versi.2 hidden scroll di sebelah kiri

 pernah saya posting cara pasang buku tamu ini sebelumnya cuma bedanya yang versi sebelumnya posisi buku tamu auto hidden/tersembunyi ada di sebelah kanan halaman blog.nah untuk kesempatan kali ini saya akan share buku tamu auto hidden/tersembunyi di posisi kiri halaman blog, untuk membaca tutorial sebelumnya silahakn klik  cara pasang buku tamu auto hidden versi.1

Oke langsung saja pada tujuan diatas.
untuk memasang buku tamu auto hidden di posisi kiri halaman blog langkah-langkahnya sebagai berikut:

1.silahkan login di blog masing-masing
2.klik menu design >page elemen > add gadget > dan pilih java script html
3.copy paste kode dibawah ini dan simpan dimana saja sesuai selera anda

 <!-- left hidden chatbox by http://ipoenkblb.blogspot.com START -->
 <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://i1136.photobucket.com/albums/n499/rajacolek/bukutamurajacolek.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<div style="overflow:auto; padding:5px; width:300px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">

 <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://ipoenkblb.blogspot.com" num_posts="2" width="280"></fb:comments>
</div>
<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href='http://ipoenkblb.blogspot.com' target='_blank'>rajacolek</a>
          </div>


<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  </span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://ipoenkblb.blogspot.com END --></div>

KETERANGAN:
ganti kode yang berwarna merah dengan kode anda.
anda bisa ganti dengan kode cbox, atau kode komentar facebook (contoh di atas saya pasang kode fb koment)
silahakn diganti dengan kode apa saja sesuai keinginan anda.

ganti angka 300-400 yang berwarna biru untuk merubah lebar dan tinggi scroll box.
jika anda tidak suka menggunakan scroll hilangkan saja semua kode yang berwarna biru.

4. jangan lupa simpan untuk mngahiri.

tutorial blogger  sudah selesai saya kupas  semoga bermamfaat....
tinggalkan komentar anda untuk  memberikan ,saran,pertanyaan atau bimbingan mengenai postingan diatas...thankssss