Cara Membuat Buku Tamu di Blog

Cara Membuat Buku Tamu di Blog. Buku Tamu adalah sarana penting untuk komunikasi blog kita.Buku Tamu memiliki fungsi yang sangat penting.Dengan Buku Tamu kita bisa saling berkunjung ke blog-blog yang lain yang secara otomatis akan mendatangkan traffic buat kita juga nantinya.Banyak penyedia buku tamu yang sudah diraktekkan blogger di blognya. Dan yang paling terkenal adalah Chatbox.Kita sharing membuat buku tamu dari penyedia chatbox saja ya kawan. Terkadang dalam penempatannya.Buku Tamu bisa membuat boros halaman blog kita.Untuk terlepas dari hal ini juga agar menghemat tempat di blog kita maka kita bisa sembunyikan fitur tersebut di atas, untuk memunculkannya tinggal mengklik Tab Buku Tamu.Ikuti langkahnya dibawah sebagai berikut:

Klik menu rancangan.
Klik add gadget.
Pilih HTML/JavaScript.
Masukan kode berikut,lalu save widget.

LIHAT

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</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.top = 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:#000;">

<!-- Simpan Kode cbox disini -->

</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://lh6.googleusercontent.com/-fwGEvwJsxv8/T_kn8mj4V9I/AAAAAAAAAI0/LbhFjRgxW44/s185/clickherebutton.jpg" alt="close" title="Click here to Close Cbox" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://lh6.googleusercontent.com/-fwGEvwJsxv8/T_kn8mj4V9I/AAAAAAAAAI0/LbhFjRgxW44/s185/clickherebutton.jpg" alt="cbox" title="Click here to open Guest Book" /></a></center>

Semoga berhasil dan bisa bermanfaat.