Didunia blogging kita gak bisa lepas dari yang namanya interaksi dengan Visitor or pengunjung . Oleh karna itu Ada baiknya kita memasang BUKU TAMU DI BLOG KITA supaya dapat berinteraksi dengan Visitor . kita juga bisa chatting, tanya bahkan diskusi antar blogger or pengunjung laennya.
Begini Caranya Buat Buku Tamu :
A. Proses Pembuatan Account
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. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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/AVvXsEjRzCx6sPUQEaDvnpRFWjAXPwWY4jo_6V48Zf0tfkAQD0UW6lrRo8b0AHEZsT81T7MLhyzQBW9uWTH5U78z81aVabQ4tnlSCeqkgCoPd07yXXZq99n3g9871ksx60OZFkFQkNaa38ys600/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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a
href="#">[Pasang
Ini Juga]</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>
Ganti tulisan Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
dengan kode script buku tamu sobat.
7.Save Widget tersebut.
anda dapat melihat hasilnya pada blog anda masing-masing. SEMOGA BERMANFAAT
