Cara Buat Buku tamu Di Blog

  Assalamualikum wr.wb.


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/AVvXsEgzb-wz8Gv_s2rRtd-XQScf3txYmZAAjxraJ22gQmpvaPb-Bimjw-eewHKD_Emzvb9cKTsi_pV0jE10DAvR0MOpgQ5TVCxobrFVMI6guhft8K039xzz0o-1osTHl0z63m-0nfPRuac3ZNg/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>


Sekian
wassalamualikum wr.wb.