Tips Menyembunyikan Buku tamu

Buku tamu merupakan salah satu bagian yang cukup penting dalam sebuah blog atau website. Karena buku tamu bisa menjadi salah satu media paling efektif untuk saling berinteraksi antara visitor blog/web dengan si admin nya sendiri.

Untuk membuat buku tamu yang cepat dan unik di dalam blog/web, sudah banyak tersedia layanan penyedia buku tamu gratis seperti cbox dan Shoutmix.

Kita tinggal melakukan signup di salah satu situs tersebut, lalu mengcopy paste kode html yang di berikan dari situs tersebut kedalam bagian dari web/blog kita. Jika kita menggunakan blogger, Kita tinggal menambah widget "html/javascript" lalu mengcopy pastekan nya ke situ

Buku tamu yang standart mungkin terlihat biasa saja, nah sekarang kita akan membuat buku tamu yang telah kita buat di salah satu situs di atas tersebut tersembunyi. Maksudnya, kita akan membuat buku tamu kita terlihat lebih unik karena bisa disembunyikan dan di munculkan lagi dengan sendiri. bagaimana caranya?

pertama copy paste dulu script yang ada di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
right:1px;
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/AVvXsEjflHwIaB_K7Dq6ExTIaq_Z_f1KuZencC2DXFzxodEpnnVj-68dQAa64jxiA2zz1ezOvp97sQ-MvY3iXhdm6YEOldFYT8THHEbiG7rNTMXNoPEGoWipMAbOruidHSDzuQIGWoIykKWul9Ik/') 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">





<!-- Kode yang di bawah ini ganti dengan kode html buku tamu milik kamu -->

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="150" height="305" src="http://www5.cbox.ws/box/?boxid=493793&amp;boxtag=aqmv7w&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="150" height="75" src="http://www5.cbox.ws/box/?boxid=493793&amp;boxtag=aqmv7w&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></div></div>

Bagaimana, berhasil??

have fun..