Cara Pasang Buku Tamu/Cbox Di Blog (Dengan Petunjuk Lengkap)

Hallo Bulan Agustus Ini Saya Libur Bekerja loh Di Kantor Saya Dan Saya Habiskan Waktu Saya Saat Bulan Ini Dengan Blogging ^_^ hehehe...(Ketawa Lagi....!! ketawa Lagi Biar lebar mulut loh...hehehe)
aduh, gak usah basa-basi langsung aja tengok isi buku tamunya lihat Gambar:

(Klik Untuk Memperbesar)

OK Langsung Ajah Langkah-Langkahnya:

1. Kunjungi Situsnya di: http://www.cbox.ws/

2. Klik Get Your Own Free Cbox Now!.

(Klik Untuk Memperbesar)

 3. Lengkapi From Pendaftaran Seperti Gambar Yang Ada dibawah ini Dan Jangan Lupa Setelah Melengkapi From Pendaftaran Di Bawah Beri Centang Yang Ditunjuk:

Setelah itu Klik Create My Cbox.

4. Kemudian Klik Publish (Kalau Berhasil Melengkapi From Pendaftaran Di atas). Jika Gambar Tidak Tampil Seperti Gambar Di Bawah Maka Harus Login Terdahulu Dan Tampilannya Akan Seperti Dibawah ini (Jika Sudah Login).

5. Setelah Itu Lengkapi Step 1-3 Dan Copy Paste Kodenya Simpan di Notepad.

Cara Pasang Buku Tamu:

1. Sign In Dulu Di Blogger kamu

2. Pilih Tata Letak.

3. Tambah Gadget/add Gadget

4. Pilih Html/Javascript

5. Copy Kode di bawah ini:

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyUtMsxpDbJpIw3rd3dPx_evIX2AWBvpsJ2Kw-6W7-0El6syYYNO_wsDBPQb6T6OaFsERSYcTrW367dMNXZlqhdoFduCGPPbDgYBdSVC0gs7uSVJAnV94vHC-wiIJG81J4NJAlHant-A/s1600/bukutamu.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">

Copy Kode Buku Tamu Tadi di Sini
 
<div style="text-align:right">
<a href="http://ningsih-ps.blogspot.com/2012/08/cara-pasang-buku-tamucbox-di-blog.html"><blink>[Pasang Ini Juga]</blink></a>><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></div></div>


Keterangan: 
1. Ganti Tulisan Yang Berwarna Biru dengan Kode Yang Sudah Di Copy Tadi Di Cbox.
2. Ganti Kode Yang Berwarna Pink dengan Kode Warna Yang Diinginkan Atau Kunjungi Link Kode Warna.
3. Anda Bisa Mengganti Kode Yang Berwarna Merah Dengan URL Gambar Yang Anda Sukai. 


6. Klik Simpan Dan Selesai.



Demikian Tutorial Dari Saya Semoga Bermanfaat Bagi Sobat Blogger Khususnya bagi Pemula dan terima kasih.