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

buku tamu melayang


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

0 Response to "Buku tamu Cantik Melayang di Blog "

Posting Komentar

Silahkan Tinggalkan komentar anda, jika ada kesalahan pada artikel yang saya posting, atau ada link mati, gambar hilang, dan jika ada saran untuk kemajuan blog ini, silahkan tulis komentar dibawah ini.... Komentar kalian sangat berarti bagi saya...

Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email/Kosongin)
4. Isikan komentar
5. Poskan komentar