Monday, 25 February 2013

Cara Membuat Buku Tamu disebelah Kiri

Ini script untuk bukutamu disebelah kiri :

<!-- left hidden chatbox by http://speedy-indonesia-08.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRydihxGKG7aFURIZQ-X1lqnmKYh1Iw8d6KY6LihnqX5ASPYJ_EVPm0v-wIg1_IbofR6RXh1LR0vofalFFMBhyphenhyphenUzkfwD_f2YFJGmQjt0nlRAPyWq1OCmJrsLgy3OA04wXadCmO_dk1DW-/s1600/buku-4.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">

<------Ganti tulisan ini dengan widget buku tamu anda------>

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://infounixs.blogspot.com/2013/02/cara-membuat-buku-tamu-disebelah-kiri.html">
                  Info Unixs
              </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://speedy-indonesia-08.blogspot.com END --></div>

Keterangan : ganti tulisan yang berwarna merah dengan kode widget buku tamu anda kode yang berwarna orange adalah posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya, sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya.

No comments:

Post a Comment