Cara Membuat Buku Tamu Disisi Kanan Lebih Cepat

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="300" height="305" src="http://www3.cbox.ws/box/?boxid=3259268&amp;boxtag=nr0vjv&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3259268" style="border:#EDDEDB 1px solid;" id="cboxmain3-3259268"></iframe></div>

<div><iframe frameborder="0" width="300" height="75" src="http://www3.cbox.ws/box/?boxid=3259268&amp;boxtag=nr0vjv&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3259268" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform3-3259268"></iframe></div>

</div>

<!-- END CBOX --><br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

  Penting silahkan anda lihat dibawah ini :
View link ini sob.

Maaf Gan buru-buru, tapi nie gara2 ada permintaan salah satu fens Shering Information

Jadi ya saya langsung bikinkan menu buku tamu disisi kanan yang lebih kren dan canggih.
lanngsung saja copy kode tersebut di javascript simpan dan lihat hasilnya.
Nb:

• Buku tamu ini lebih cepa n gesit dari buku tamu sebelumnya. 
• Ganti kode berwarna biru dengan kode cbox anda

Semoga sukses sob..