Jika Ada Link Dalam Blog Ini Yang Tidak Berfungsi Atau Broken, Dengan Segala Kerendahan Hati Kami Berharap Pengunjung Sekalian Meng-Infokan Kepada Kami Agar Se-segera Mungkin Kami Memperbaikinya,TERIMA KASIH..!!BLOG ANAK BIMA mengucapkan "SELAMAT HARI RAYA IDUL ADHA 1437H MOHON MAAF LAHIR DAN BATIN" @Admin [by:dyenps]

Saturday, June 16, 2012

Cara Memasang Buku Tamu Tersembunyi Pada Blog


Pada postingan saya kali ini akan membahas cara memasang buku tamu pada blog,
Wungsi dari buku tamu atau chat box adalah untuk memudahkan pengunjung blog kita untuk memasukan namanya atau bahkan ada yang menggunakanya untuk mempromosikan sesuatu tentang apa saja,jadi wungsi dari chat box atau buku tamu ini sangat banyak,berikut cara memasangnya:
1.untuk mendapat kan kode HTML dari buku tamu ini sobat bisa kunjungi situsnya
dulu disini:www.cbox.ws
2.Kilik.. Get Your Own Cbox Now..!
3.Mengisi Form pendaftaran seperti di bawah ini:
4.Kemudian Kilik Create my cbox,kalau berhasil...klik Publish,dan copy code buku tamu sobat di bawah.
Cara Membuatnya:
1.Copy  script code di bawah ini:

<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('http://1.bp.blogspot.com/-5wAUhkaj
LAM/T9r5iaaBeXI/AAAAAAAAAQw/ib5GSTYZh7Y/s1600/BUKU+TAMU+JADI.gif
') 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">

Silakan Paste Kode Buku Tamu sobat yang sudah di Copy tadi Di Sini


<div style="text-align:right">
<a href="#">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

2. Klik Tata Letak >> tabah gadged >> HTML code...pastekan kode diatas,selesai.
Ket: Tempatkan kode buku tamu sobat taadi pada tulisan berwarna Orange dan # url blog sobat.
Code berwarna Biru bisa diganti dengan code image yang sobat inginkan atau bisa memakai code yang ada.
Code berwarna merah adalah warna latar belakang buku tamu,bisa di ganti dengan warna sesuai selera.
Demikian Cara memasang buku tamu pada blog,semoga ada manfaatnya bagi kita semua...
Berikan Komentar anda tentang postingan ini... ..D.


Artikel Terkait:

8 comments:

  1. makasih infonya sangat bermanfaat sekali, nice posting

    ReplyDelete
    Replies
    1. Sama-sama mas Rudy, Thanks dah berkunjung kemari.

      Delete
  2. ada lagi yang gratis gan, buatan indonesia, namanya wgchat.com
    bisa integrasi dengan ym gtalk dan facebook.
    cocok banget kalau dipasang diweb toko online.

    ada versi gratis selamanya juga

    ReplyDelete
    Replies
    1. Thanks info nya gan...! semoga brmanfaat.

      Delete
  3. tempilan lainnya ada gak sob?

    ReplyDelete
    Replies
    1. Tampilan lainya bisa sobat kreasikan sendiri,tinggal di edit aja tuh..!Thanks sob.

      Delete
  4. Ijin bookmark gan. mo nyobain. thanks

    ReplyDelete
  5. suatu karya yang hebat, salam sukses

    ReplyDelete

Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!

Followers

Google+ Followers

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More