Cara Buat Buku Tamu Dengan CBOX

1.      Buka alamat http://cbox.ws

2.      Daftar di cbox terlebih dahulu, klik sign up, 

3.      Apabila sudah terdaftar klik tab publish, tampilannya seperti dibawah ini. Kode buku tamunya dapat dilihat di step 3

4.      Login di Blogger

5.      Akan muncul Tampilan Dasbor, Klik Judul blog Yang ingin di beri buku tamu.

6.      Pilih Tata letak, kemudian pilih tambah gadget

7.      Akan muncul jendela baru, pilih HTML/Java Script

8.      Lalu masukkan script di bawah ini

<style type="text/css">

#gb{

position:fixed;

top:50px;

right:0px;

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">

KODE BUKU TAMU ANDA

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

9.      Ganti Kode yang berwarna merah dengan kode buku tamu anda.

10.  Klik simpan dan lihat hasilnya.