Buku Tamu/ChatBox Untuk Blog Anda

Buku tamu merupakan sesuatu yang cukup penting dalam blog karena pengunjung bisa langsung menulis chatnya di buku tamu kita. Baiklah sekarang saya mencoba share cara membuat buku tamu. Caranya mudah tinggal copy paste html di bawah ini lalu simpan di add html yg ada di tata letak lalu add gedget pilih tambah html.
Ini kode yg di siap copy paste

<style type="text/css">
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB05GBGlrjN0A_JLpvzzx2vTkeG4O39iZ8ms3UGvWfo-LtLIWurzwCpTL8T1X0Oo0_UPjpHPh05podL03M7TteTlqX53gFNcFq4o7V4c4-UrhkOSDpnR0JZTN0gYJDFw0c_0hzu3rD2P4Y/)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="230" height="275" src="http://www7.cbox.ws/box/?boxid=728370&amp;boxtag=yhc5bn&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-728370" style="border: 0px solid;" id="cboxmain7-728370"></iframe></div>
<div><iframe frameborder="0" width="230" height="75" src="http://www7.cbox.ws/box/?boxid=728370&amp;boxtag=yhc5bn&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-728370" style="border: 0px solid;border-top:0px" id="cboxform7-728370"></iframe></div>
</div>
<!-- END CBOX -->

</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Tutup Cbox" /></a></div>
</div></div>

<script type="text/javascript">
var at = document.getElementById("at");
at.style.bottom = (-200-at.offsetWidth).toString() + "px";
</script>

<div style="position: fixed; top: 55px; left: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKMLcEtrGU4zuewBCUurIgII-lg_UmXojJYkdyQUvmRaKodDA7wKmHBwwvs1jGx2xJ9BIyniOFC8IgkZJSazpB1UhDJpe2kVvR6TPYCUqjhLOpi46CpDmFmV0Dx2Ik-j69bROSTmUuI1am/s1600/chatbox.gif" alt="cbox" title="Buka Chat Book"/></a></div>