Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger:

Langkah pertama silakan temen2 buat akun di situs penyedia script buku tamu (cari yang gratisan aja xixixixiii...) bisa juga di www.cbox.ws atau pilih situs yang temen2 suka, ikuti semua petunjuknya lalu ambil script yang sudah di sediakan (kopi kodenya).

Selanjutnya masuk ke akun blogger temen2. Jika sudah login silakan klik Rancangan>Design>Tata Letak(layout)>Klik Tambah Gadget/Add Gadget.

Lalu pilih html/javascript dan silakan paste kode di bawah ini:

<style type="text/css">

#gb{

position:fixed;

top:50px;

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/AVvXsEiXJ2RlTPA8URQrg5hiK6JcrCNqvpGzEWDFsruZ58oX3LilI9Crvtw4XBQyKps2F6o-WI7obrt4IJZZgpT2ySbNdxVPJJ-IzmYEiwBSALibAc1uYW5xo816C75hot2yrnp6wWcDklONnIE/s1600/bukutamu.png') 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">

Silakan delete tulisan ini lalu Paste Kode Buku Tamu yang sudah di kopi tadi

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

<a href="http://iyeax.blogspot.com/2011/11/cara-membuat-buku-tamu-tersembunyi.html">[Pasang Ini Juga]</a>><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></div></div>