Cara Membuat Buku Tamu Tersembunyi

Posted: Kamis, 02 September 2010 by firenetral in Label:
7

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>

7 komentar:

  1. punya ku kok masih gak bisa ya??
    mohon bantuannya...

  1. mungkin kode htmlnya ada yg kelewat dicoba dulu aja mbag,,
    klo masih gk bisa coba ganti templatenya aja,,

:nangis :rate :lebay :hoax :nyimak :hotnews :gotkp :wow :pertamax :lapar :santai :malu :ngintip :newyear

feedburner
Related Posts Plugin for WordPress, Blogger...