Cara Lengkap Memasang Buku Tamu / Chat Boox Di Blog Cara Lengkap Memasang Buku Tamu / Chat Boox Di Blog

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS. Dan kali ini saya akan memposting cara memasang Cbox

Jika anda tertarik silahkan anda ikuti langka langka berikut




Berikut iniadalah Cara Lengkap Memasang Buku Tamu / Chat Box Di Blog
Seperti biasa sobat harus Login dulu di akun blog sobat
Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.
                    
<style  type="text/css">
.gb_fixed{position:fixed; top:60px; right:0px; z-index:+10}  * html
.gb_fixed {position:relative;} #hidden_gb2{display:none;
background:transparent; padding:10px;  padding-top:10px; border:1px
solid #ccc;  -moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;  transform:rotate(-5deg);
-moz-transform:rotate(-5deg);  -webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg)}
#hidden_gb2:hover{background:url("http://i921.photobucket.com/albums/ad54/mangkunuklir/ChatBox3D.png")
no-repeat scroll 0 0; background-position:top center; box-shadow:-1px
-1px 1px #666,1px 1px 1px #666,1px 1px 20px #1da7e7;
-moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px
#1da7e7; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px
 20px #1da7e7; transform:rotate(0deg); -moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</style> <div class="gb_fixed"> <table cellpadding="0"
cellspacing="0"  id="hidden_gb2"><tbody> <tr><td>
<div> <a href="javascript:void(0)"
onclick="gb_showHideGB()"><img
src=" http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png "
  /></a> </div>

Strip kode cbox sobat

  </td></tr> </tbody></table>
</div>  <script
src="http://donor-ilmu.googlecode.com/files/floating.js">
</script> <div class="gb_fixed" style="z-index: +5;"> <a
href="javascript:void(0)" onmouseover="gb_showHideGB()"> <img
border="0"
src=" http://4.bp.blogspot.com/-ah4dRw0_0rM/T5vSmhB49xI/AAAAAAAAAlI/Gad8yIJ3lio/s1600/chat-YM-zacky+bee7.png "
  style="filter: alpha(opacity=60); opacity: 0.6;" /> </a>
</div>
       

Klik save / simpan.

Keterangan:
Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).



Sekian dari saya semoga artikel ini bermanfaat bagi sobat sekalian