0 MENAMBAHKAN WIDGET BUKU TAMU DI BLOG

Faqhie Nesaga- Pada postingan saya kali ini akan memberitahukan cara Menambahkan widget buku tamu di blog, baik supaya blog anda semakin keren dan menarik saya kasih tahukan cara Menambahkan widget buku tamu di blog, Anda harus mendaftar terlebih dahulu di http://www.cbox.ws

ini dia langkah langkah nya :

• Klik tata letak > tambakhkan gadget > Html/javasript
• kemudian tambahkan code nya pada kolom Html/javascript
• dan kemudian save

ini adalah code untuk  Menambahkan widget buku tamu di blog,
<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://i37.tinypic.com/345o85i.gif') 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 CODE DARI C-BOX YANG ANDA TELAH BIKIN, DISINI.

<div style="text-align:right">
<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>

• selamat mencoba semoga berhasil .
• Jangan lupa follow ye..