Cara Membuat Buku Tamu Blog

Punya ilmu tapi gak di bagikan itu ya gak oleh gawe lek belajar. Beberapa kali di SMS rifky untuk minta di postingin cara membuat buku tamu yang bisa ngumpet dan melayang kaya punya mas jidat. Sudah 3 x di sms tapi masih baru bisa posting sekarang, maaf ya bukan maksud untuk menyusahkan, tapi memang baru sempet sekarang.  Buku tamu alternaif ini bisa ditaruh di Blogspot (blogger), Wordpress, CMS dan juga WapSite. Jadi bisa di bilang ini multi fungsi. Saya dapet ini dari Kang arifudin, tapi gak izin, pokoke langsung di Bobol wae.

Contoh untuk Blogspot bisa di cek di Jidat's Blog Untuk Wapsite bisa di di cek di Jidat.nab.su perhatikan di bagian kanan atas ada gambar buku tamu.

<div id="text-524970821">                        <div><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('http://jidatbaok.com/buku-tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
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 onclick="showHideGB()"> </div>
<div>
<!-- Ganti ini dengan kode buku tamu kamu -->
<font><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="305" src="http://www.cbox.ws/box/?boxid=1064737&amp;boxtag=6wg0p6&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#DBE2ED 1px solid;" width="200" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="75" src="http://www.cbox.ws/box/?boxid=1064737&amp;boxtag=6wg0p6&amp;sec=form" id="cboxform" scrolling="no" style="border:#DBE2ED 1px solid;border-top:0px" width="200" allowtransparency="yes" name="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]

</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>
<!-- sidebar north END -->

<div id="centersidebar"></div>

Untuk Blogger

1. Silahkan Login dengan id anda


2. Klik menu Layout


3. Klik Page Element


4. Klik Add a Page Element


5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript


6. Kosongkan Titlenya


7. Copy paste kode HTML di atas pada form Content


8. Klik tombol Save Changes

Untuk Wordpress Bisa di taruh di Widget - Text. Atau kalau mau Cuma pada single post bisa di taruh di editor themes dan di paste di single post.php yah tinggal di pilih lah.

Nah ganti Texs yang warna biru dengan Chat Box milik kamu sendiri. Nah siapa yang tertarik silahkan di jajal. Dan jangan lupa nyepam Di POJOK KANAN ATAS ITU (yahoo)