Beranda » Blog » Cara Lengkap Memasang Buku Tamu / CBOX Di Blog

Cara Lengkap Memasang Buku Tamu / CBOX Di Blog

Ditulis oleh: -
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/AVvXsEi3r4uBRXd2QamzzuVef8tYervEaGxboHqRAWbPF2ToLJB9x29hxArCDVa-8wKdJ2pMlDFwRDIRJbXODFIyRD15pxV16j6m0DdL8NQPBov7anIbVV9VJ1nmCxgPsygKmbenE-L0r3Qj_OOK/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://azuzblog.blogspot.com/2012/06/cara-lengkap-memasang-buku-tamu-cbox-di.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 :

1 comments: