Cara Gampang Membuat Buku Tamu (Cbox/Shoutmix,etc)

1.Siapkan script buku tamu kalian. Bisa Shoutmix, bisa Cbox. Lalu simpan di notepad. Kalau belum punya silahkan daftar dulu di www.shoutmix.com atau www.cbox.ws dan dapatkan kode shoutmix anda disitu.

2. Login ke blogger, lalu klik Rancangan, Add Widget, HTML/Javascriptsebaiknya tempatkan widget di samping dan jangan diberi judul

3. Copy paste script berikut :

<style type="text/css">
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

( Tempatkan Script Buku Tamu kalian disini)
<br/>

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

</div>

</div>

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

Keterangan :

Warna Merah : Ganti dengan script buku tamu yang telah anda dapatkan dari shoutmix/cbox.

Warna Biru : Bisa diganti dengan url gambar tombol buku anda.

Posted in: Blog