Buku tamu sering digunakan untuk berkomentar dalam sebuah blog atau pun web.
kali ini akan membahas tentang buku tamu yang tersembunyi didalam side bar atau disamping kanan dari tampilan blog/web
Langkah-langkah sebagai berikut
1. membuat akun di www.cbox.ws atau pun penyedia buku tamu yang gratis lainnya
disana anda akan disuruh memasukkan alamat email dan password untuk login ke www.cbox.ws
2.memilih model buku tamu yang anda sukai
3. mengambil script HTML nya
4.masuk kedalam blog anda
5.pilih rancangan --> tambah gadget
6.pilih HTML/Javascript
7. masukkan kode berikut
<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/AVvXsEg5EweHeOA2sCSsaCk2Q45hYECVKXWnqdEHbFKfeOGZH_oKLOY3i8InMbZvVx7WLBtI8bhRMJpZbBYg1OW-6kLq1TjSMSnDSH-zsp3a_pgh-_nsM_u4SGijDtxt1v3ysu0FZrpWxS8IupY/s1600/bukutamu.png') 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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href=" http://suryapromilds.blogspot.com/2012/04/cara-memasang-buku-tamu-tersembunyi.html ">[Pasang Ini Juga]</a>><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></div></div>
hasil seperti berikut
.jpg)
.jpg)
.jpg)
.jpg)
