- Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements"
- Tambahkan widget baru dengan mengklik "Add a Gadget" - "HTML/JavaScript"
- 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/AVvXsEhSjMXUjcI3y5ygJn7fe7Vg1nikSLRXn0O8Y_rsFj7Qrr6Sry0umpD_c2_SrH5UQfrkwkk0BZhNIGW6x_PCRw8L5yAifbeHUDWKcjf0MK8J4kRoIeP5_CgDCEGEbAeI88DDEVllz-Eh0VYt/" />
</a>
</div>
</script> - Posisi buku tamu jika kamu tidak mengganti kode di atas adalah di bagian kanan atas. Kalau kamu mau mengganti jadi kiri, ubah
right
jadileft
. Dan kalau kamu mau menempatkannya di bawah, ubahtop
jadibottom
, - Kalau kamu mau mengganti gambar tombolnya, ganti kamu bisa mengganti source gambar yang ditebalkan di atas,
- Dan juga jangan lupa untuk mengganti kode
<!-- Kode buku tamu kamu -->
jadi kode buku tamu kamu. - Klik "Save" kalau sudah selesai.
Buku Tamu Tersembunyi Versi 2
Cara membuatnya:
0 komentar
Posting Komentar