Membuat buku tamu tersembunyi

Membuat buku tamu sangatlah penting, karena kita bisa berkomunikasi langsung dengan pengunjung
kalo  sobat ingin membuat buku tamu dengan tersembunyi agar terlihat lebih variatif, berikut adalah caranya :


1. Masuk ke blogger, kemudian pada dashboar pilih TATA  LETAK
2. Setelah itu pilih ELEMET HALAMAN kemudian klik TAMBAH GADGET
3. kemudian pilih HTML/JAVA SCRIP dan masukan script 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/AVvXsEhxqPVc_xb-MMioqD4Ymnb6uv9olhKQurYoNxaHJpAY0iRb3Lnn4v8TVnU_dKiMdXoflYcfz3vuYI3IUjRdcT3JefQgLNEaWbL8uPD8QujpGbacCsxSioePtNceIFAhHkbh07u8hdar4RiI/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://blogkomputers.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
[blogkomputers]
</a>|<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>


kemudian SAVE

selamat mencoba