Buku Tamu Dengan Efek Fade Out

Posted by Galang 22 April 2011

Daftar Sekarang Bonus $10 langsung dari PROFITCLICKING

Kemarin baru saja memposting Cara Membuat Buku Tamu Show/Hide dari Atas. Dan tutorial kali ini saya akan membahas tentang Buku Tamu dengan Efek Fade Out. Karena tutorial ini saya buat semudah mungkin, jadi saya harap pembaca bisa mengerti apa yang saya bahas dan saya harap mengerti telah apa yang saya maksud. OK kalau begitu kita langsung saja menuju ke TKP

Seperti biasa, masuk ke akun blogger anda
Setelah Log In, masuk ke Rancangan
Kemudian Tambah Gadget
Selanjutnya pilih HTML/Javascript
Tidak perlu diberi judul, langsung saja copy kode di bawah ini dan letakkan pada kotak kontent

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
left:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red"><right>Close [X]</right></b></a></div>



</td></tr></table>
</div>
<script src="http://dl.dropbox.com/u/24368183/buku%20tamu%20fade%20out.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://dl.dropbox.com/u/24368183/CHATBOX.png" />
</a>
</div>