Buku Tamu Tersembunyi

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:
   

   <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()">[x]</a> </div>
   
         <!-- Kode buku tamu kamu -->
   
         <div style="text-align:right; font-size:10px">
             widget by
             <a href="http://infotentangblog.blogspot.com/2009/08/buku-tamu-tersembunyi-versi-2.html">
                 Info Blog
             </a>
         </div>
     </table>
   </div>
   
   <script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js">
   
   <div class="gb_fixed" style="z-index:+5">
   <a href="javascript:void(0)" onclick="gb_showHideGB()">
     <img border="0" style="border:0px"
          src="http://lh4.ggpht.com/_jn57XA2jLxY/SpS8DmNReHI/AAAAAAAAAc8/OZmZfpilhh4/gbbutton.png" />
     </a>
   </div>
   </script>

4. Posisi buku tamu jika kamu tidak mengganti kode di atas adalah di bagian kanan atas. Kalau kamu mau mengganti jadi kiri, ubah right jadi left. Dan kalau kamu mau menempatkannya di bawah, ubah top jadi bottom,
5. Kalau kamu mau mengganti gambar tombolnya, ganti kamu bisa mengganti source gambar yang ditebalkan di atas,
6. Dan juga jangan lupa untuk mengganti kode <!-- Kode buku tamu kamu --> jadi kode buku tamu kamu.
7. Klik "Save" kalau sudah selesai.

Semoga bermanfaat!