" ..Maksudnya Menu Widget Mp3 DownLoadku yang Melayang di Blogku itu sob itu.. :-) ...
Contoh widget melayang yang ada di blog ini
..Okay.. Langsung kita bahas ya.. simak langkah-langkahnya berikut ini :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{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{height:150px;width:30px;float:left;cursor:pointer;
background:url('
http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat;
}
.gbcontent{float:left;border:2px solid #FAFD02;background:#FAFD03;padding:10px;}</style><script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="190" frameborder="0" src="http://www6.shoutmix.com/?ecaknyo" height="700" title="ecaknyo">
<a href="http://www6.shoutmix.com/?ecaknyo">View shoutbox</a>
<!-- End ShoutMix --></iframe>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></center></div></center></div></div></div>
Pada Contoh di atas adalah Widget Melayang Shoutmix...
Lihat Contoh Jadi kLik urL ini => ecak2nyo
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..
Pink = Aturlah Tinggi & lebarnya sesuai ukuran Gambar Tab kamu..
.gbtab{ = Ini kode scripts untuk pengaturan tampilan gambar tab
Orangegbcontent = Ini kode scripts untuk mengatur tampilan kontennya
float:left; = Ini utk mengatur posisi widgetnya melayang di kiri / kanan / atas / bawah
border:2px solid #FAFD02; = Memberi warna pada border konten...aturlah/ubahlah warnanya jika mau.. misalnya FAFFFF (
sebaiknya gunakan pencari kode warna Photoshop)
background:#FAFD03; = Memberi warna pada isi konten.. disini saya menggunakan warna kuning
4. Simpanlah Widget Melayang ini...
Selesai..
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 ...
...Sudah ada beberapa Award yang saya terima lalu saya save sekaligus Menjadi BackLink ke Sahabat Blogger yang memberi saya Award tsb... kemudian saya pajangkan awardnya di postingan ini.. ku anggap saja ini sebagai museum pribadi untuk kumpulan award blogku... "Saya sangat menghargai sekali pemberian award ini...Terima kasih banyak... ini berarti blog saya sudah dinilai baik dan telah dikenal serta diakui oleh sobat blogger..." dan inilah beberapa award yang saya dapatkan dari para Sahabat blogger.. :
