Cara Memasang Buku Tamu Tersembunyi di Blogger

Guest Book atau biasa di kenal dengan buku tamu chat box ini berfungsi untuk memberika daftar hadir berupa pesan yang di tunjukan kepada pemilik blog.
Lihat gambar cOntOh Buku Tamu:

Background buku tamu:

Jika sobat belum memiliki guest book silakan daftar terlebih dahulu di shoutmix atau Chat Box

Disana sobat hanya perlu melakukan pendaftaran dan melakukan penyesuaian warna buku tamu ,warna teks dan background sesuka sobat .Setelah sobat melakukan penyesuaian Copy Paste kode yang di berikan .
Lihat gambar yang di beri anak panah

Langka-langkahnya sebagai berikut :

1.login ke bloger sobat

2.pilih tata letak>>tambah gadget HTML javascript
3.lalu kopy 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/AVvXsEhDxjnUeUPGd560xHHKIOyMhcEFJzJKufpFpVtyu4xEUNAUAcS0UAL1YO9SrefAl8kyIvRm37-4z-9ZJ6odLTf5PDtmxoB2TX4u9kQsWmY6VHHJN9dAJeJAsvsX2hyZgA8lVqM7SAFsEo5H/s1600/lativaipeh.blogspot.tw.jpg') 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">
<Letakan Kode Chat Box sobat di sini>
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://sazuke-4rt.blogspot.com/2013/01/buku-tamu.html" target="_blank">Sasuke Blog</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

4.Ganti tulisan yang berwarna biru dengan kode chat box sobat

5.simpan dan lihat hasilnya

Oke sampai disini ,buku tamu sudah terpasang di blog sobat .Demikian artike Cara memasang buku tamu tersembunyi ,semoga bermanfaat jika belum paham silakan berkomentar