Buku tamu Cantik Melayang di Blog

Cara membuat buku tamu melayang - Cara membuat buku tamu melayang di blog ini caranya cukup sederhana sobat. kita hanya menambahkan beberapa script yahh langsung jadi deh. Pentingnya buku tamu adalah untuk mengatahui apa komentar teman-teman pengujung di blog kita. Meskipun mereka tidak menjelajahi konten bog kita secara full. Maka buku tamu melayang di blog sangat kita butuhkan. Selain unik, ini juga akan menambah keindahan blog kita. Blog yang menarik pun akan jadi pertimbangan para pengunjung untuk balik lagi. Namun, Bagi yang belum punya buku tamu silahkan Klik disini

Adapun langkah-langkah cara membuat buku tamu melayang adalah :

1.Login ke akun blogger

2.Klik menu Rancangan

3.Klik Tambah Gadget

4.Klik/pilh HTML/Javascript

 5.Masukan kode berikut di kolom yang telah disediakan

<!-- right hidden chatbox by http://gorontalo-education.blogspot.com/ START -->

<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">

masukan kode shoutbox/buku tamu sobat di sini

<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>

<!-- right hidden chatbox by http://gorontalo-education.blogspot.com/ END -->

 6.Simpan dan  --> Selesai

Catatan : Tulisan merah di ganti dengan kode buku tamu kamu. Ini adalah script yang membuat buku tamu melayang. namun yang belum punya kode buku tamu sendiri Klik disini.

Semoga artikel saya tentang Cara Membuat Buku Tamu Melayang di Blog ini  bisa bermanfaat. Wassalam..!!

Tweet