Cara Membuat Buku Tamu Menempel Dipinggir Blog

Cara Membuat Buku Tamu Menempel Dipinggir Blog:

1. Login ke blogger => Tata Letak => Html/Javascript

2. Masukan kode dibawah ini dan paste di kotak html tersebut

<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://imageshack.us/a/img818/8991/eoil.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">

<--- Letakan Kode Buku Tamu Disini --->

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://ridhotawaka.blogspot.com/2013/04/membuat-buku-tamu-di-blogspot.html">
                  Blog Ridho Tawaka
              </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></div>

Note: Kode <---Letakan kode buku tamu disini---> ganti dengan kode script buku tamu sobat

4. Simpan

Itulah hanya sedikit postingan dari saya.

Cara Membuat Buku Tamu Menempel Di Blog