Cara buat Buku Tamu

Pada postingan kali ini saya akan membahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya.

Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox, langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya ,selanjutnya ikuti langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.

MASUKAN KODE CHAT BOX DISINI
 
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://belajarjishuken.blogspot.com/2013/05/cara-buat-buku-tamu.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Atur ukuran dan posisi pada pilihan top, height dan width.
7. Ganti tulisan "Masukan Kode Chat Box Disini" dengan kode html chat box sobat.
8. Ganti URL gambar opsi "background:url" dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.

Url Gambar Lainya:

	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDx17jbGUkVkn6T5At6CXwtkXOu1RmamW59m-5qjXECkNTUstvF83fH08hf4Cutwxhk8aM9jzHOdfVflNe9LHBQhgpx0hfHawXsA6o63rgNPqLRKch_0NDLNgJcW7xqpwKsvGUUo72Fc8/s1600/Chatbox.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZD_jPEMOv2hPVXM_MIgCxD-5YgHGiHO0QEuvU6h1zKa0tbF7rG4kVrv_VcnA8-QdL0ZAM6RP1D_I8-6tFXIraUVYsJVenec6psZm0bb_Hhj-bF4ZE8OLw1P8FgiP3nAVWDyqrPshCGs/s1600/Bukutamu3.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidRTiRTP9UCAPswGcNz2HJIugqS9-EptbYaW8pynJ3U7QHekSxgnyPoffyukJ5lGoG5qzxOq1N-_XWS_5hpq8dCT4B1z2GwrbT5UzDZTURJDZ03Zq8rnV8QSkD9AEJNdorSvJrzqOmzXU/s1600/bukutamu2.gif
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJbePw7XDchHVFZS2x_QwDleC1hjhUi903kzOKyQoCysS6IY1dTyph5ZcIftXDOJfjOU6szuLH73mgDuamCKe64roZas9XzTFAVWNT6Rvf9uO22OaDLHJZbzvZthUHqTmFNAeeVzImKs/s1600/bukutamu5.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25bbjG9x26ji5um88Cp_nq-xdfmI03HbsBQcOzvgKPxhrCII5qp7dtlPDs7KsmkXMQ1PNatnXQNXwC7X24_AOr01tpHBXwYxmFsFcdpI-K0Hj4zvTQTdjriNnko_VAPkSujYN9soAVUE/s1600/2131wkl.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvKI0tfAadHaOoL19R2kvN-tzFD784olLMnGcNKHBPBz3YjVRNT7P3kzVBiHD33ulxrXjMNRrYD5IIRrtsIxcu6suYTKaGANVHRyB5zIzj_FpXoz_FiJAY2wlhvsqn5I3bPiSn08spxWo/s1600/bukutamu4.png
	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG8kMIL2a_w2M0Tod_sbC7wjEL8aXYZ5KZnuOsDnpE_0XcbpjmkSTwrKz_h8e-HFT7Pr8to71qd7mFfqWRK5H5VLkFUghO2ecygxSDI1QVKQqXwJxhLcmOIhzsLbiCrK1Q4Ph0Nv8Uw9E/s1600/BukuTamu1.png