Membuat Buku Tamu Melayang Di samping Blog

Terkadang kita inigin mengetahui komentar para pengunjungkita mengenai website kita, seperti komentar posotf, negatif atau hanya para blogwalking yang meninggalkan jejak. akan tetapi pabila website kita hanya terdiri dari 2kolom maka akan memakan tempat untuk widget lainya. maka dari itu kita akan membuat sebuah Buku Tamu yang melayang di samping blog ( Kanan / Kiri ). Sebenarnya caranya cukup mudah anda hanya perlu daftar Cbox kemudian tambah degan beberapa script. langkah - langakhnya adalah sebagai berikut :

1. Daftar untuk mendapatkan script Buku Tamu Anda di Cbox

2. Seteah anda mendapatkan scriptnya pasang degnan cara : Pilih widget HTML/JavaScript.

3. Tambahkan script berikut ini :

 

<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/AVvXsEg0n1bRlzKz6MfI8wJBHXjRYK40pfo6s5s9wzGGo2WBTzotTf7smpxB1p0lq1bTXOXN73bAcVLKAhHikEc_qQ-Dd2L04qIGleCn1sZRZ6pWnrrd2Yzg6SfHpzL4C6WPuhFZAS0pdlv6Q0lm/') 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">


>>>MASUKAN SCRIPT CBOX ANDA DISNI<<<

<div style="text-align:right">
[Pasang Widget]
|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>


</div>


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

4. Sisipakan script cbox anda pada script di atas kemudian pilih Simpan.

• kalau mau lihat hasilnya klik disini

semoga artikel ini bermanfa'at buat anda...

 

 

sumber info :

http://jintoples.blogspot.com/2012/03/membuat-buku-tamu-melayang-di-samping.html?showComment=1340252203948#c5230799817252232100