Cara Mudah Membuat Buku Tamu Tersembunyi

Buku tamu dalam sebuah blog memiliki manfaat yang lumayan banyak, diantaranya pengunjung dapat meninggalkan beberapa patah kata dan meninggalkan link untuk dikunjungi.
Jika sobat belum memiliki Guest Book / Buku tamu, sobat dapat mengunjungi:

Cbox.ws atau sobat bisa juga membuatnya di Shoutmix.com

Nah kalau sudah daftar, langkah selanjutnya  adalah membuat buku tamu. Jika tidak  memiliki ruang atau space untuk buku tamu, sobat bisa membuat buku tamu tersembunyi.

Step atau langkah-langkah membuat buku tamu tersembunyi :

• Login Blogger >> Rancangan Template >> Tata Letak >> Add gadget >> Html Script
•  Masukkan kode dibawah 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/AVvXsEjuH6pP3ZUzskb5XImpSkjyPR-s5I7dHm6uIkXDDAMUEE9AQe7yRwj8ZbrgxT0MecQe_RjEEp3G_WSAlaRnCmQZA3ZXTuepjaCCIY1NsQHeEr7Nn6AjgYmtuBwwfOw8PlPVVK6LgJuWw6bx/') 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">

(( Lokasi Html Script Dari Cbox ))

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

Save Template

Sumber : http://mfaroz.blogspot.com/