Cara Membuat Buku Tamu di Blogger

Cara Membuat Buku Tamu di Blog Blogger - Halo sobat blogger, berhubung sudah ada beberapa sobat kita yang bertanya "Bagaimana membuat Buku Tamu di blogger?", maka saya memutuskan untuk membuat tutorial sederhana ini.  Sebenarnya sudah banyak sobat blogger yang telah memposting tentang topik yang serupa dengan cara membuat buku tamu di blog, tapi tidak masalah, soalnya sudah beberapa kali ditanya, g enak aja, hihihi.

Kita langsung saja ya sob:

1. Login di blogger dengan aku sobat
2. Masuk pada menu "Rancangan"
3. "Tambah Gadget" >> Pilih Gadget HTML
4. Pastekan kode berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:210px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#999999;
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://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

<font size="2">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

5. Klik Simpan dan selesai. 

Catatan:

Kode yang berwarna merah diganti dengan kode CBOX milik sobat. Jika belum mengerti cara membuat CBOX, silahkan sobat browsing sendiri di google ya :) Sudah sangat banyak sobat blogger yang membuat postingan tentang CBOX.