Cara Mmbuat Buku Tamu Tersembunyi Versi 2

Setelah membuat buku tamu tersembunyi versi 1 dan melihat respon yang cukup banyak untuk itu, aku coba untuk membuat buku tamu tersembunyi versi 2. Seperti namanya, buku tamu ini juga tersembunyi. Bedanya dengan versi pertama adalah cara penampakannya.
Untuk contohnya, kamu bisa lihat di blog ini.

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements"
2. Tambahkan widget baru dengan mengklik "Add a Gadget" - "HTML/JavaScript"
3. Tidak usah diberi judul, dan copy kode di bawah ini sebagai konten widget kamu:

                                                                                                          
Copy past Kode Berikut :

<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>

<--KODE CHATBOX MU DISINI-->

<a href="http://space-blogg.blogspot.com/2011/02/cara-mmbuat-buku-tamu-tersembunyi-versi.html" title="Mau Buku Tamu Mu Seperti Ini ??">Gt Widget</a><br />

</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="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>

</a>

</div>

Artikel Terkait:

Posted in: Tutorial Blog