BUKU TAMU TERSEMBUNYI DI SEBELAH KIRI DAN KANAN

Bingung cara pasang buku tamu tersembunyi baik di sebelah kanan maupun kiri ?

Anda tidak perlu bingung, kami sudah menemukan kode script di teman kami, caranya gampang.

Pertama-tama silahkan buat akun di http://www.cbox.ws/ atau di situs penyedia script buku tamu gratis yang Anda suka.

Kemudian ambil kode script yang sudah disediakan ( jangan lupa copy kodenya ya ? ^^ ).

Yuk... sekarang kita ke blogger, ikuti langkah-langkah berikut di bawah ini :

• Login ke akun blog Anda.
• Klik menu rancangan.
• Klik tambah gadget.
• Klik HTML / Java Script.
• Masukan kode script di bawah ini.
• Jangan lupa setelah masukan kode script, tekan tombol simpan / save.

Kode Script Buku Tamu Sebelah Kanan

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugQo6ZzZYPcVJqn6_vqlriexLFmLk7iiBUgUg7O9bkDjlWIznbLdCf8omIOq2MFGYpAJzRb95j4aXQhisNRH_9sevyLF2mBdKbfgGVmItLn4ga8_AgPO9kPQNPy0-LE0ieoKvciQDricY/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<--------------Masukkan kode script buku tamu anda disini-------------->

 

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </a>
          </div>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Kode Script Buku Tamu Sebelah 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/AVvXsEgEy519VjRQlEatqjuGpwTA4B96pEANgAne_WxQ_tDxpXXBJKuAK2G6Pw4ZwNeKd-jSpJjyi9CW8-wZ0l61gZ4TQawEtzIlNna6o1bNY9wzLH-bV1DS6JOceTl8laKeJW3663mIi4aJZTAB/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://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </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>