1. Log in / Masuk ke blog sobat.
2. Click Rancangan >> Elemen Laman >> Tambah Gadget.
3. Copy Code berikut dan pastekan pada gadget yang sobat buat tadi.
<!-- Mulai Hidden Widget -->
<style type="text/css">
.gb_fixed{
position:fixed;
top:40px; /*jarak dari atas*/
right:0px; /*jarak dari samping kanan*/
z-index:+1000;
}
* html .gb_fixed {position:relative;}
#hidden_gb {
display:none;
border:3px solid #003399; /*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://sites.google.com/site/ruangsc/imgsb/guestbook.png" /></a></div>
KODE SHOUTBOX SOBAT DISINI
<br/> <script type="text/javascript" src="http://enes-sc.googlecode.com/files/hiddenwidget.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://sites.google.com/site/ruangsc/imgsb/GB2.png" /></a> </div> <!-- Selesai Hidden Widget -->
KODE SHOUTBOX SOBAT DISINI
<br/> <script type="text/javascript" src="http://enes-sc.googlecode.com/files/hiddenwidget.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://sites.google.com/site/ruangsc/imgsb/GB2.png" /></a> </div> <!-- Selesai Hidden Widget -->
Keterangan : Untuk "KODE SHOUTBOX SOBAT DISINI" sobat ganti kode tersebut dengan kode shoutbox sobat. Untuk mendapatkan code shoutbox Masuk Sini.
4. Setelah sobat ganti kodenya click simpan dan lihat hasilnya.
Sekian tips Cara Membuat Shoutbox Melayang dari saya, Semoga bermanfaat buat sobat² semua. Jika berhasil jangan lupa comment dan follow this site. Thanks ^_^ Baca Juga ya. Happy Blogging.
Posting Komentar - Back to Content