Cara Membuat Buku Tamu Di samping kanan Blog

Posted by Hadi blogger Minggu, 11 Desember 2011 0 komentar
Kali ini saya akan share cara Membuat Buku tamu yang ada di samping kanan blog..Menggunakan chat Box yang bisa muncul dan menghilang (wah...ribet bilangnya...^_^ yang jelas kayak yg ada di blog saya ini..)
Banyak situs yang menyediakan layanan Chat Box  Misalnya Shoutmix, chatbox, cbox, oggix, shoutcamp dan masih banyak lagi yang lainnya..tinggal pilh sesuai selera..

langkah-langkahnya :

  1. Login ke blog sobat
  2. Pilih Tata letak
  3. Tambah Widget (Pilih Widget HTML/JAVASCRIPT)
  4. Copy code di bawah ini ke dalam Widget :


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk0VDgvx6X7Il0Bq4523fVZ5b5ntTwoYyy7GELoFCatyrveYUT2ZIzWtu-94_f6yY7BKijwwovyD2pnfRoyDaagQUZU0NYoGnJ8YEtFgKtKtXiZXUSXlnWmwfv7KvaFgdlin0pNjGj8Ln7/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">


<!-- GANTI INI DENGAN KODE CHAT BOX SOBAT -->


<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

<!-- GANTI INI DENGAN KODE CHAT BOX SOBAT -->
gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.

Jika ada yang kurang jelas silahkan tinggalkan komentar.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Buku Tamu Di samping kanan Blog
Ditulis oleh Hadi blogger
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://metxp.blogspot.com/2011/12/cara-membuat-buku-tamu-di-samping-kanan.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

trikmudahseo.blogspot.com support www.evafashionstore.com - Original design by Bamz | Copyright of Met-xp blog's.