Cara Membuat Buku Tamu Tersembunyi
Posted: Kamis, 02 September 2010 by firenetral in Label: Tips Trik Bllogging
Sekarang saya akan menjelaskan cara membuat buku tamu melayang dengan tambahan Effect.
Ada yang unik dari buku tamu ini yakni,, adanya Efek Samar dan Buka Tutup,,
Menarik bukan...?
Untuk membuat buku tamu melayang ini kalian harus login dulu ke blogger kalian. Jika sudah masuk silahkan ikuti tahapnya berikut ini:
1. Pilih Rancangan
2. Pilih ELEMEN halaman
3. Klik Tambah Gadget lalu pilih HTML/Java script
4. Simpan kode berikut didalamnya
<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 #e4b5c5;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFFFFF;
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">[ Close ]</b></a></div>
<SIMPAN CODE BUKU TAMU KALIAN DISINI>
<br />
Mau punya buku tamu seperti ini?<br />
Klik
<a href="http://firenetral.blogspot.com/2010/09/cara-membuat-buku-tamu-tersembunyi.html">
DISINI
</a>
</td></tr></table>
</div>
<script src="http://z33s.googlecode.com/files/Shoutz33sEfect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png" />
</a>
</div>
:c: