Cara Membuat Buku Tamu Pada Blog

       Setelah lama Buku Tamu saya tidak bisa digunakan, sekarang saya coba dan berhasil. Mungkin banyak dari pembaca yang ingin memberi buku tamu pada tampilan blog, tetapi bingung harus memulai darimana. Untuk itu saya berbagi sedikit tips agar pengunjung dan pembaca blog saya ini bisa menggunakan buku tamu dalam blognya.


Berikut ini langkah-langkahnya :
1. Buka alamat Cbox
2. Isi data sesuai dengan keinginan anda, kemudian klik tanda centang pada I have read     and do agree to the Cbox terms and conditions of service dan klik Create My Cbox!



3. Login dengan Cbox name dan password anda
4. Klik menu Publish! , lalu copy code yang ada di bawah Copy to clipboard dan paste
    sementara dalam notepad



5. Masuk ke Blogger
6. Pilih menu Rancangan ==> Elemen Laman , kemudian klik pada Tambah Gadget


7. Pilih HTML/JavaScript


8. Copy code berikut ini
Kode pertama

<style type="text/css">
#gb{
   position:fixed;
   top:75px;
   z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
   float:left;
   border:2px solid #A5BD51;
   background:#F5F5F5;
   padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
   gb.opened = !gb.opened;
}
function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Code Kedua
<!-- Ganti ini dengan kode buku tamu kamu dari BEGIN sampai END-->

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div>
<iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=741586&boxtag=pwzzfp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-741586" style="border:#000000 1px solid;" id="cboxmain5-741586"></iframe>
</div>
<div>
<iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=741586&boxtag=pwzzfp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-741586" style="border:#000000 1px solid;border-top:0px" id="cboxform5-741586"></iframe>
</div>
</div>
<!-- END CBOX -->
Code Terakhir

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

9. Klik save.


Semoga bisa membantu pembaca semuanya.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

1 komentar:

Firdaus mengatakan...

gimana caranya buat blognya?

Posting Komentar