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

Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

.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/AVvXsEgA6KQ0hESpDj-iILsalSpiZFLii48qADE_07gDKbS6D8EiLcUwe_6Ej1zP7UGcRM1Oy8LlvontsoOLmOjmUnytQ0Z6N7QtaL_G_lhxU2C-y8tpSKtqN8FyvSti-WNKxMROf6ZxFVlu1YUz/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: "Trebuchet MS",sans-serif;">Supported by <a href="http://youaremyforest.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:

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