Halo semua. lama tidak ngeshare ,sekarang saya akan ngeshare bagaimana cara memberi buku tamu diblog melalui cbox.

1. Buka web untuk membuat Buku Tamu di http://www.cbox.ws
2. Klik Get your own free Cbox now!

3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa

4. Masih di form pendaftaran anda bisa menentukan gaya Buka Tamu anda dengan memilih Style

5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan sukses anda telah membuat Buku Tamu.

Login dan Setting Buku Tamu

1. Login ke member area cbox anda

2. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order

3. Klik Look & Feel > Colours & Fonts. Anda bisa menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera anda.  Jangan lupa klik Save

4. Jika sudah selesai semua setting anda, jangan lupa klik tombol Apply

Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog

1. Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard

2. Login ke blogger.com dan klik Rancangan/Design

3. Klik Tambah gadget

4. Di window yang muncul klik HTML/Java Script

5. Paste kode Buku Tamu yang telah dicopy ke KODE CBOX DISINI dan di copas ke kolom HTML/Java Script.Beres deh...

<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 CBOX DISINI

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

</div>

</div>

var gb = document.getElementById("gb");
if (window.opera) {
gb.style.right = (30-gb.offsetWidth).toString() + "px";
}else {
gb.style.right = (-gb.offsetWidth).toString() + "px";
}

Hapus text yang diberi warna merah diatas dan tempatkan kode HTML cbox disitu.

Demikian tadi tutorial cara membuat buku tamu melayang/sembunyi, semoga bermanfaat dan menjadikan blog lebih indah dan atraktif dengan adanya buku tamu melayang tersebut.