Cara Memasang Buku Tamu Di Bagian Pingiran Blog

Berikut Cara Lengkap Memasang Buku Tamu / CBOX Di Blog

Seperti biasa sobat harus Login dulu di akun blog sobat

1. Pilih Tata Letak
2. Tambah Gadget HTML/Java Script
3. 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7p2A7_9g9jtJ6iOoGVUmpQF5nztQDOhgzzU7JJ84ZfPfuf9W0LuNPkJkrla3SXWAq-tYYkPmyJhv1Ns3iVyT0EHjghziDpUHD4G37EtV1ZqZOi2H5vWl_likZhPsmXNqU5DSnKs09CQc/s1600/Zacky+Bee7+-Sambaran+Petir.gif") 

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>  <span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://akramberbagi.blogspot.com/" target="_blank">AkramBerbagi</a></span> <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://i921.photobucket.com/albums/ad54/mangkunuklir/ChatBox3D.png"

  style="filter: alpha(opacity=60); opacity: 0.6;" /> </a>

</div>

         

Klik save / simpan.

Keterangan:

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