Membuat Buku Tamu Tersembunyi

Jika blog anda sudah tidak ada ruang untuk menampilkan buku tamu atau anda sudah bosan dengan penampilan buku tamu, maka anda harus cuba tutorial berikut ini iaitu membuat buku tamu tersembunyi. Buku tamu tersembunyi adalah buku tamu yang disembunyikan dibahagian tepi halaman blog anda, dan akan muncul ketika anda mengklik tombol buku tamu atau sebaliknya akan tutup jika anda mengklik tombolnya kembali.

Untuk cara membuatnya tidak susah , ikuti trik berikut ini:
1. Login ke blogger
2. Klik Design
3. Tambahkan Gadjet pada elemen halaman
4. Pilih HTML JavaScript

<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/AVvXsEgm1kSZd4uXBmNhyGl9z1sJLYrSOrYptkgGpiqYeIGRIXIoWSDzYn3oEiM-cFDDAYdM4ChWpuE_tW004BTuQL6uqAvHpTH3rs_6pqA-_xkWsZhFXPuKbvJmyffV9gKSkqDo102heGZPzfPN/') 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">

<!-- Ganti ini dengan kode buku tamu anda-->

<br/>
Ingin buku tamu seperti ini<br/>
Klik di
<a href="http://www.jeritanblog.blogspot.com">
sini (Info Blog)
</a>

<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>

6. Ganti kode berwarna merah (<!-- Ganti ini dengan kode buku tamu anda -->)dengan kode buku tamu anda.
7. Simpan kode anda.

Selamat mencuba.