Blog aku kedatangan banyak gadget/widget baru! >O<
Anda lihat kan guest book di sebelah kanan blog saya? Lucu ya, warnanya pink :3
Tombol guest book itu saya buat sendiri.
Anda bisa menggunakan gadget/widget guest book seperti ini jika blog anda terlalu banyak gadget di sidebar.
Widget guest book aku sifatnya on click alias tidak buka otomatis, soalnya kalau buka otomatis cukup mengganggu..

Jika Anda berminat untuk menggunakannya, berikut cara membuat guest book floating di sisi blog:

1. Buatlah chat box blog Anda di CBOX, dan dapatkan kode HTMLnya.
2. Pergi ke dasbor blog Anda, kemudian pilih menu Tata Letak.
3. Klik Add Gadget atau Tambah Gadget, kemudian pilih HTML/Javascript.
4. Kemudian paste code di bawah ini:


<style type="text/css">
#gb{
position:fixed;
top:70px;
}
* html #gb{position:relative;}

.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i49.tinypic.com/2qsxaph.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #C72E64;
background:white;
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(30-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">

MASUKKAN CODE CBOX ANDA DISINI

</div>

</div>

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

Keterangan: