Sebenarnya cara membuat hidden widget ini tidak jauh berbeda dengan cara membuat rolling widget, perbedaannya hanya pada script-nya saja. Jika kamu penasaran dan ingin tahu cara membuatnya ikuti saja langkah-langkah berikut:
- Kopikan script di bawah ini.
<!-- Mulai Hidden Widget -->
<style type="text/css">
.gb_fixed{
position:fixed;
top:10px; /*jarak dari atas*/
right:0px; /*jarak dari samping kanan*/
z-index:+1000;
}
* html .gb_fixed {position:relative;}
#hidden_gb {
display:none;
border:2px solid #A5BD51; /*ketebalan dan warna kotak*/
background:#F0F0F0; /*warna latar*/
padding:5px 10px 0px 10px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-align:center;"><a href="javascript:void(0)" onclick="gb_showHideGB()" title="Close/Tutup"><img style="border:0px; width:100px; height:auto;" alt="Guestbook" src="http://www.iconarchive.com/icons/deleket/sleek-xp-basic/256/Close-2-icon.png" /></a></div>
Kode Shoutbox atau Buku Tamu Anda atau Kode Tukeran Banner/Link
<br/>
<script type="text/javascript" src="http://sangpengibul.googlecode.com/files/hiddencoy.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img style="border:0px;" src="http://i810.photobucket.com/albums/zz28/fazri_cbr/bukutamu.png" width="75px" height="125px"/></a>
</div>
</div>
</div>
<!-- Selesai Hidden Widget -->
- Ubahlah yang hurup yang diberi warna merah tebal sesuai dengan kebutuhan kamu.
Selanjutnya kamu lakukan langkah atau cara berikut:
- Dari Dashboard blogger, pilih Tata Letak - Elemen Halaman.
- Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
- Paste script Hidden Widget tadi dan jangan diberi judul (title) Setelah itu save dan ucapkan Alhamdulillah...
0 komentar: