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/AVvXsEigVpriZzJODnPB5qdTkzPZswd47oWjsuE8jOTV3YaCzCTbuo7FjwaiPNKdqVNwmU9-w2jgfJ_K0YvTF9ITruCqqyoDmFBAgAa-2E39gUG83d9W9NXrRwr8zCQY6qg1KT5t6gCjB2T3Ud4y/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.
Sumber:http://kompormeledak.blogspot.com
