Breaking News
Loading...
Minggu, 19 Mei 2013

Cara Membuat Buku Tamu / Chat Box Melayang Di Kanan

20.27

Nah, Kali ini Saya posting mengenai chatbox melayang di blog. Langsung Saja Ceidot

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.andreykusanagi.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://Blog-farishasbiahmad/ END -->
NOTE :

- Yang warna Biru sobat ganti dengan gambar Url yang sobat ingin kan,, kalau menurut sobat sudah bagus, abaikan saja...

-Yang warna Merah, sobat copas cbox yang telah anda buat di www.cbox.ws, lihat gambar di bawah ini..

6.Klik SIMPAN
7.Selesai

Bila Anda Belum Bisa Membuat Buku Tamu Dengan Chat Box Klik Disini

0 komentar:

Posting Komentar

Langanan, dan Like yah Sobat.

Silahkan Masukan Email Anda Untuk Mendapatkan Notifikasi Setiap Ada Artikel Baru Di Blog ini:

Delivered by FeedBurner



×

Powered By Blogger and Get This Widget

+ Follow

Follow Blog-farishasbiahmad

Get Free Email Updates to your Inbox
 
Toggle Footer