Home » tutorial » Cara membuat widget melayang (Buku Tamu)
Cara membuat widget melayang (Buku Tamu)
Ikuti langkah langkah berikut:
1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...
<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 #004831;
background:#000000;
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:red">[ Tutup ]</b></a></div>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?ichal13051991" height="400" title="ichal13051991">
<a href="http://www6.shoutmix.com/?ichal13051991">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
</div>
Contoh di atas adalah 'Widget Melayang Shoutmix'
Keterangan :
Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..
4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)
Selamat Mencoba
Tags: Blogging, tutorial
This post was written by:
Ocka-gus - Si empunya blog ini...^ ^ Ockagus Blog's.
Ockagus Blog's masih jauh dari layak, jika anda berkenan memberi saran atau kritik. Follow saya di Twitter atau email saya
Langganan:
Posting Komentar (Atom)
4 Respones to "Cara membuat widget melayang (Buku Tamu)"
nice tutor gan.. emg membuat tampilan blog jadi lebih menarik.. ;)
7/01/2010
@ANDI WONG ya kita sma2 belajar..gw jg bru belajar hehe....thanks comment'a
matur tenkyu ...dicari cari akhirnya ada nih artikel...haha
4/26/2011
hadir gan,makasih buku tamunya ..
10/23/2011
Posting Komentar
SILAHKAN TINGGALKAN KOMENTAR, KRITIK ATAU SARAN
KOMENTAR DAN SARAN ANDA SANGAT BERHARGA BAGI KAMI
TERIMA KASIH SUDAH MENGUNJUNGI SEMOGA BERMANFAAT