Membuat Buku Tamu Tersembunyi

Alo kawan...
Setelah beberapa hari ga update tulisan di Blog, kali ini saya mau nulis buat bikin Buku Tamu tersembunyi. Mungkin kawan2 semua pasti udah tau gimana cara bikinnya, tapi semoga tulisan ini masih bisa buat ngebantu kawan2 yang masih Newbie kaya saya.
Ok dech langsung aja yach...

1. Kalian ke tata letak dan tambah gadget yang HTML/JavaScript.
2. Kalian copas code di bawah ini ke gadget tersebut.

<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 #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">[ Tutup ]</b></a></div>

[ isi dengan Buku Tamu kawan ]

</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()">
<img border="0" style="border:0px" src="[ link url gambar buku tamu kawan ]"/>
</a>
</div>

3. Simpan dan liat hasilnya.
Nb : tulisan yang berwarna biru code Buku Tamu kawan dan tulisan yang berwarna merah adalah url gambar buku tamu yang kawan mau gunakan.


Beberapa contoh gambar buat Buku Tamu :
1. http://i888.photobucket.com/albums/ac90/ronyyang1234/Untitled-3copy.png
2. http://i640.photobucket.com/albums/uu126/dallco_photo/cooltext440783552.png
3. http://i1023.photobucket.com/albums/af355/abuinayat/Tab4.gif
4. http://i649.photobucket.com/albums/uu220/kinoy03/bukutamu.jpg
5. http://i649.photobucket.com/albums/uu220/kinoy03/bukutamu2-2.png


Semoga bermanfaat ya kawan...

---

Terima kasih telah meluangkan waktu Anda untuk membaca artikel di Blog ini...

---

...::: Baca Juga Yach :::...