Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Panduan Blogspot kali ini akan membahas cara membuat buku tamu melayang di sisi kanan blog.Kemarin teman kita yudianto kwan menanyakan kepada saya,mas buat buku tamu seperti blog mas caranya bagaimana?.Caranya cukup mudah,sobat hanya memerlukan sedikit tambahan script untuk buku tamu sobat.
sebelum anda membuat buku tamu, anda harus memiliku code HTML nya dulu.



langakah pertama:
1. pergi ke cbox
2. lalu masuk akun cbox atau jika belum punya akun, tinggal sign up aja.
3. jika sudah mendafar cbox, silah kan edit sendiri cbox anda.
4. copy kode cbox anda ke code html yg berwarna Merah yg dibawah ini.

Source: http://amronbadriza.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html#ixzz2DIDeeQDw

Source: http://amronbadriza.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html#ixzz2DIDeeQDw

Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

Source: http://amronbadriza.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html#ixzz2DIDeeQDw

Di postingan ini saya akan berbag
cara membuat buku tamu  melayang di kanan blog

1. Langkah Pertama  pergi ke Cbox
2. Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
3. Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4. Setelah sudah masuk edit sendiri Cbox anda sendiri

Sumber: Abel Blog's: Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Ikuti langkah-langkah berikut ini :

1.Login ke akun blogger sobat
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://www.media-science.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 cbox 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://Media-Science.blogspot.com/ END -->

 6.Klik SIMPAN
7.Selesai

Semoga artikel saya tentang Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog dapat bermanfaat untuk sobat sekalian.Sampai jumpa di panduan blogspot selanjutnya

Semoga Bermanfaat yaa