Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Buku tamu mirip dengan buku chating. Yang fungsinya menampung pendapat dan aspirasi pengunjung blog anda. Trickycheat juga memasang buku tamu yang berwarna hijau yang letaknnya dikanan layar.

Bagi yang tertarik silahkan ikuti langkah-langkah berikut ini (harus teliti ya??):

1. Silahkan Buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.
2. Pilih warna dan bentuk yang menarik  (kalau di “cbox” ada tulisannya buat code)

3. lalu copy codenya..

Sekarang mari kita ke blogger.

4. Silakan login ke blog anda dulu. Jika sudah login,

5. Silakan klik Rancangan/Design

6. Kemudian pilih layout ( Tata letak )

7. Klik tulisan "Tambah Gadget"
8. Tambahkan Elemen HTML / Javascript

Pilih html/javascript dan silakan paste kode di bawah ini (form html/ javascript jangan diberi judul)

-------------------------------------------------------------------------------------------------------------------

<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/AVvXsEi8-AjaxTuLDYXkQEKqr_SuCX8f6q7xFtYLW-x_jvF7NocjzT5rChLb38jjCaZy6TVhr64-FHJwvYitewPlU_ESwrwVkmdwx41Bz6IeX3qC7W8UqO4MmIH949YdFF8sqaNUGZyataq6QQg/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 Paste Kode Buku Tamu yang sudah di copi dari cbox tadi Di Sini!!!!!!

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.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>

-----------------------------------------------------------------------------------------------------------------------------

6. Setelah itu, sahabat Trickychaeat bisa save code tersebut dan nikmati hasilnnya.

Selamat mencoba

-Good Job-