Cara Mudah Pasang Buku Tamu di Sidebar Web Anda

Buku tamu merupakan salah satu hal yang bisa mempercantik blog/web kita. Selain itu pengunjung blog/web kita bisa dengan mudah menyapa kita sebagai admin atau dengan sesama pengunjung lain, walau cuma sebatas kalimat ( hallo, salam kenal, dll..)

setelah cari-cari, ehh., ane dapet sebuah tutorial tentang buku tamu, keren juga nih, pasang ach., pusa deh lihat tampilan seperti gambar di atas., dari pada panjang lebar langsung aja ke Cara Mudah Pasang Buku Tamu di Blog/Web Anda .

Pertama-tama silahkan buat
akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang agan suka.
kemudian ambil scrip yang sudah di sediakan (copy codenya).
dan masukan kode scrip tersebut di blog/web anda.



kode scrip:
<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/AVvXsEheZ5tF5JsUE-HqIYFH-lYyJmpKMyNbUkU6FARJTtnP3_bx-Po3cjy1GEO8rU7loNMKcfCg4IYl3FSK_sEa7LWWq_iID8kTUJY7AYVq_dO9lHP2iFLNGpa21EdlpM8v6oMs-Hv4kC7GUjk/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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4145552&amp;boxtag=2ppc6v&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4145552" style="border:#DBE2ED 1px solid;" id="cboxmain4-4145552"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4145552&amp;boxtag=2ppc6v&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4145552" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform4-4145552"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align:right">
<a href="http://reformasibaru.blogspot.com/2012/06/cara-mudah-pasang-buku-tamu-hidden.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>

Perhatikan tulisan berwarna merah, GANTI TULIS BERWARNA MERAH dengan scrip html/javascrip yang berasal dari www.cbox.ws Bagi temen-temen yang paham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silahkan di simpan dan selesai., terimakasih.,