Cara Membuat Buku Tamu Tersembunyi Di Blog

Cara Membuat Buku Tamu Tersembunyi Di Blog - Guest Book atau yang lebih dikenal adalah Buku Tamu Chat Box adalah tempat untuk pengunjung yang sedang online memberikan daftar hadir atau sering disebut blogwalking dan lainnya di sebuah blog. Komponen dari buku tamu adalah dengan memasukkan nama, email/url, dan message (pesan) kepada pemilik blog. Cara Membuat Buku Tamu Tersembunyi Di Blog Tujuannya adalah agar dapat menghemat tempat di blog, dan agar blog lebih menarik.



Berikut Ini Cara Membuat Buku Tamu Tersembunyi Di Blog :

1. Login ke Blogger.
2. Kemudian Pilih Tata Letak → Tambah Gadget → HTML/java script.
3. Kemudian copy kode dibawah ini lalu pastekan ke HTML/java script.

<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/AVvXsEjRmU35NhQ0lHiDwZFY_cKm6mAymYLuyQ8zM1QKUY9kJG7tKFRRO1jfUyKSXRfnRrynJnYjkgTRxWENVfTa6CX6bnvu9k4xsziOTolBO8HXC33nvnTgp3kk02PwN0eiNv0a_Pe1LI16A56C/s1600/bukutamu5.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A11010;
background:#ffffff;
padding:5px;
}
</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"> LETAK KODE CHAT SOBAT <br />
<br />
<div style="text-align:right"><a href="javascript:showHideGB()"> <center><img " alt=" width="30" src="http://www.mricons.com/store/png/116739_34217_128_close_icon.png" height="30" /></center></a> </div></div></div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4. Sobat Simpan dan lihat hasilnya.
Note : Ganti ' LETAK KODE CHAT SOBAT ' dengan kode script buku tamu sobat. Selamat mencoba dan semoga bermanfaat.