sembunyikan buku tamu versi kedua lebih keren

versi sebelumnya adalah buku tamu yang disembunyikan dengan tampilan slide seperti yang ada disebelah kanan pada blog saya ini. kali ini akan kita praktekkan dengan berbeda. saya juga telah menyediakan beberapa tampilan picture tombol untuk mengeluarkan buku tamu ini dan anda bisa memilihnya nanti. mari kita praktekkan sekarang juga. sebelumnya sediakan kode html buku tamu anda dari shoutmix.com / cbox.com dll

CARANYA:

1. Langsung saja masuk Java Script/Edit HTML..
2. Masukkan script di bawah ini!!

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #88C900;
background:#E5E5E5;
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()">[Close]</a></div>
masukkan kode html shoutmix anda disini
<div style="text-align:right; font-size:10px">
Dapatkan Buku Tamu Seperti Ini di
</div>
<div style="text-align:right; font-size:10px">
<a href="http://sayaikut.blogspot.com/2010/01/sembunyikan-buku-tamu-versi-kedua-lebih.html">www.sayaikut.blogspot.com</a>
</div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<iframe border="0" width="160" src="http://photobuckett9.50webs.com/shotmixchat.html" height="40" scrolling="no"
frameborder="0" ></iframe>
</a>
</div>
</script>

anda bisa memilih gambar dibawah ini sebagai tombolnya. ganti kode gambar diatas yang berwarna merah dengan kode gambar dibawah ini.