Home » » Cara Membuat Buku Tamu Melayang

Cara Membuat Buku Tamu Melayang

Written By adjhi owen sullivan on Selasa, 31 Juli 2012 | 22.37

cara membuat buku tamu melayang di blog buku tamu atau yang biasa disebut shoutbox merupakan salah satu sarana untuk berinteraksi antara pemilik blog dengan para pengunjung blog. Di buku tamu tersebut para pengunjung dapat membuat pesan-pesan serta meninggalkan URL blognya atau email. membuat buku tamu di blog sangat diperlukan, disamping agar pengunjung atau pembaca dapat meninggalkan pesan buku tamu juga bisa menambah cantik blog kamu, cara membuat buku tamu bisa dilakukan dengan berbagai macam cara, banyak juga website yang menyediakan script buku tamu secara gratis juga, dan shoutmix juga cbox adalah sedikit dari website yang menyediakan buku tamu dan paling banyak penggunanya.


Nah,Berikut cara membuat buku tamu melayang di blog


1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen laman Tambah Gadget.Pilih yang diatas postingan.

3. Di Dasar-dasar pilih HTML/JavaScript.

4. Tidak usah diberi judul.

5. Copy kode di bawah ini dan paste di kotak Konten.

<!-- right hidden chatbox by http://lanoblog.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">

KODE SHOUTBOX ANDA DISINI<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://lanoblog.blogspot.com/ END -->


  • KODE SHOUTBOX ANDA DISINI : Ganti dengan HTML Shoutmix / Cbox anda.

6. SIMPAN
Share this article :

0 komentar:

Poskan Komentar

Subscribe me

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blogue | Memberi Anda Pengetahuan Lebih - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger