Hay sobat blogger, kali ini saya akan bebrbagi script buat sobat blogger yang ingin memasang gadget tersembunyi di bagian samping blog, seperti buku tamu dan apa ajalah yang sering sobat jumpai diblog lain
bagi sobat blogger yang belum tahu, berikut caranya:
1. Masuk login ke akun blogger sobat
2. Klik Rancangan --> Pada Elemen Laman Klik Tambah Gadget
3. Cari dan Pilih HTML/JavaScript
4. Kemudian Copy Pastekan code berikut pada content:
bagi sobat blogger yang belum tahu, berikut caranya:
1. Masuk login ke akun blogger sobat
2. Klik Rancangan --> Pada Elemen Laman Klik Tambah Gadget
3. Cari dan Pilih HTML/JavaScript
4. Kemudian Copy Pastekan code berikut pada content:
<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 #000;
background:#ffffff;
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()"><b style="color:Floralwhite"><input id='tutup' name='klik to close' type='reset' value='click to close'/></b></a></div>
Tambahkan Kode gadget Sobat disini
<script src="http://exlorer-amran91.googlecode.com/files/gadget.js"></script></td></tr></table>
</div>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="Masukkan URL Foto/Logo Untuk Icon Gadget Sobat Disini"/>
</a>
</div>
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #000;
background:#ffffff;
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()"><b style="color:Floralwhite"><input id='tutup' name='klik to close' type='reset' value='click to close'/></b></a></div>
Tambahkan Kode gadget Sobat disini
<script src="http://exlorer-amran91.googlecode.com/files/gadget.js"></script></td></tr></table>
</div>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="Masukkan URL Foto/Logo Untuk Icon Gadget Sobat Disini"/>
</a>
</div>
Catatan:
Ganti teks berwarna Hijau dengan kode gadget sobat
Ganti tekt berwarna biru dengan url gambar untuk icon Gadget Sobat
Untuk tampilan body sobat bisa atur pada bagian ini:
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #000;
background:#ffffff;
padding:10px;
padding-top:0px;
}
5. Simpan dan Selesai
Oke selamat mencoba, semoga sobat berhasil dengan tutorial di atas, dan postingan cukup sampai disin, jangan lupa nantikan postingan yang lebih menarik lagi dikesempatan mendatang....!!!
