buku tamu tersembunyi versi 2

isi arkel ini, berasal dari infotentangblog.blogspot.com
jujur ya, aku paling anti yang namanya sekedar copas, kalaupun saya copas, saya pastikan, tidak ada kesalahan pada scriptnya, trus saya juga harus mengerti isi dari script tersebut
nah, mengapa copy artikel ini.? Jujur aku sangat kecewa, kepada infotentangblog.blogspot.com why.? ku pengen share, tapi di cuekin abis
0ia, berikut artikel yang saya copy.(tanpa di edit)
di blog aku tidak bekerja, dan saya sudah tau penyebabnya; semoga di blog kalian, bekerja dengan baik;



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.

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>

<!-- 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj05T2JXkrFUhXjpl2q7sSRiDvjzOS2bQLpR5tLsWpdQhqIHPSlChOsdcnISglYd8I-YpbKRHeKBvZk9mm3P8etos9jUd_elhOMu-ORWjM2jtYiw_ntqWReHbo0fgW4GYBz_UVmGOw_ozBc/" />
</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 jadi kode buku tamu kamu.
7. Klik "Save" kalau sudah selesai.

Semoga bermanfaat!

Ditulis oleh intheamwhy pada Rabu, Oktober 07, 2009