Cara Membuat Buku Tamu Di Blog

Cara Membuat Buku Tamu Di Blog. membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan komentar alias pesan. buku tamu juga bisa menambah cantik blog kamu. Sebagai contoh : http://www.shoutmix.com/ dan http://www.cbox.ws/ adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya. nah bagaimana cara membuat buku tamu di blog ? Cara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, Simak baik-baik caranya :

1. Login pada blogger atau blogspot kamu
2. Klik rancangan
3. Add gadget atau tambahkan widget dan pilih html/javascript
4. Copy dan paste kode berikut:

<style>

#hcr {

position:fixed;

top:100px;

z-index:+1000;

}

* html #hcr {position:relative;}

.hcrtab {

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;

}

.hcrcontent {

float:left;

border:2px solid #003e82;

background:#f3f6f7;

padding:10px;

}

.hc-credit {font-size:9px}

.hc-credit a {text-decoration:none}

</style>

<script type="text/javascript">

function showHidehcr(){

var hcr = document.getElementById("hcr");

var w = hcr.offsetWidth;

hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);

hcr.opened = !hcr.opened;

}

function movehcr(x0, xf){

var hcr = document.getElementById("hcr");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

hcr.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}

}

</script>

<div id="hcr">

<div class="hcrtab" onclick="showHidehcr()"> </div>

<div class="hcrcontent">

Ganti tulisan ini dengan kode buku tamu sobat

<br />

<div class="hc-credit">

<span style="float:left">




</span>

</div>

</div>

</div>

<script type="text/javascript">

var hcr = document.getElementById("hcr");

hcr.style.right = (30-hcr.offsetWidth).toString() + "px";

</script>




5. Untuk text yang berwarna Merah silahkan sobat ganti dengan gambar yang diinginkan
6. Untuk text yang berwarna Biru hapus dan ganti dengan code shoutbox/buku tamu milik sobat
7. Klik Simpan
8. Selesai

Sekarang coba lihat blog sobat , jika berhasil, maka akan ada gadget BUKU TAMU yang MELAYANG di sebelah kanan blog Sobat . ^_^