Membuat Buku Tamu Tersembunyi Versi Kedua (2)

Membuat Buku Tamu Tersembunyi Versi 2 >>
Cara membuat Buku Tamu Tersembunyi Versi kedua. Setelah keliling Blogwalking seharian aq melihat ada yang berbeda dengan BUKU TAMU suatu blog, dimana buku tamu tersembunyi miliknya lain dari yang pernah ada sebelumnya. Terpaksa deh aku coba untuk membuat Buku tamu tersembunyi versi lain atau versi 2 itu. Seperti namanya, buku tamu ini juga tersembunyi. Bedanya dengan versi pertama adalah cara penampakannya.
Untuk contohnya, kamu bisa lihat di blog ini.

Cara membuatnya:

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>
   
   <!-- Letak kode buku tamu -->
   
   <div style="text-align:right; font-size:10px">
   Widget by
   <a href="http://dharla-ferdana.blogspot.com">
   Dewata
   </a>
   </div>
   </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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtvg0E-Fn0Bf4_lUQHxtNq9xaHAC-9h2Ey0-A0l4DqDG0_5YV9gkeTIbBB5tTs4GDAhjGO3rmP1x88vc0a_AoDbrPo3x090CkoObBcCtSw5RiNSHIMZNusPuT6idwytbB0uK_AmUqmvTp/" />
   </a>
   </div>

   
   
4. Posisi kode buku tamu 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, kamu bisa mengganti source gambar yang ditebalkan di atas,
6. Dan ingat jangan lupa juga untuk mengganti kode <!-- Letak kode buku tamu --> dengan kode buku tamu kamu.
7. Klik "Save" kalau sudah selesai.

Semoga bermanfaat!