Cara Lengkap Memasang Buku Tamu / CBOX 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 / 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("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=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5tvYKf1Pl8JP23O1EP61HWwE7C8NP99FpMRp0jL7ISbpgqmzLxsSydkZBK_688ejNlgsNupI-ou9xOFfSODvHNGLt0l7v26SWXeoY52mfgLeKYSBiScRz1aZ6VMXrzu2u7d58Ggr7GYwb/s1600/chat-YM-zacky+bee7.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 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

Tolong dibaca nih gan !

Kamu sedang membaca artikel tentang Cara Lengkap Memasang Buku Tamu / CBOX Di Blog dan kamu bisa menemukan artikel Cara Lengkap Memasang Buku Tamu / CBOX Di Blog ini dengan url http://zackybee7.blogspot.com/2012/06/erikut-ini-adalah-cara-lengkap-memasang.html, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Lengkap Memasang Buku Tamu / CBOX Di Blog ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link Cara Lengkap Memasang Buku Tamu / CBOX Di Blog sebagai sumbernya.

Artikel terkait :