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: "Trebuchet MS",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
