Membuat Widget Melayang Pada Blog.

Mungkin Kita Semua Dulunya Binggung Seperti Apa Sih Cara Membuat Widget Melayang Pada Blog?

Saya Punya Jawabannya!

1. pertama-tama loggin dulu ke "Blogger"
              2. masuk ke "Dashbord"
              3. pilih "Rancangan" (Tata Letak)
              4. klik "Tambah Gadget"
              5. pilih "HTML/JavaScript" lalu letakkan kode dibawah ini. Klik simpan

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } <script type="text/javascript"> functiongetElementById("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.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }

.:[Close][Klik 2x]:.

 Silahkan tempatkan kode iklan, banner, teks atau apalah terserah kamu disini yah

showHideGB(){ var gb = document.

NB:Perhatikan pada script diatas yang berwarna 'ungu' (float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px;)itu pengaturan tentang posisi, background, border, widget melayang tersebut. Atur sesuai dg keinginan kamu apakah ingin di tempatkan di bagian kiri atau kanan.
Pada script yang berwarna 'merah' (Silahkan tempatkan kode iklan, banner, teks atau apalah terserah kamu disini yah ) itu silahkan tempatkan kode iklan, banner, teksatau apalah di situ.


Sekian saja ya posting saya

Selamat menikmati

Semoga tidak berhasil

Sumber : Pusat Hacking