Cara Membuat Widget Dan Script Melayang

Mungkin anda pernah berkunjung ke sebuah blog dan disambut dengan sebuah notifikasi melayang yang tiba-tiba nongol dari atas atau dari samping.
Nah inilah yang biasa disebut widget dengan script melayang. Mungkin script seperti ini dianggap menggangau oleh para pengunjung bahkan mungkin ada yang kesal dan langsung meninggalkan blog kita.
Tapi apa boleh buat, ini adalah salah satu metode memaksimalkan promo terutama buat yang bergabung PPC. Harapan kita sebagai blogger agar apa yang di promosikan mendapatkan tanggapan dari pengunjung.
Mungkin blog ini juga menggunakan script yang demikian (terkadang saya lepas). Kalau pengunjung merasa terganggu saya mohon maaf yang sebesar-besarnya karena itu adalah salah satu cara untuk menambahkan penghasilan kami sehingga semangat untuk mengupdate blog dengan informasi-informasi terbaru. Kalau pengunjung mengerti maka sepatutnyalah mereka memberi kontribusi untuk para blogger dengan cara mengunjungi situs pengikalan mereka.



Kalau ada diantara anda yang ingin menggunakan script melayang maka saya akan memberi dua buah script yang berbeda. Ada yang menggunakan klik 2 kali untuk close dan adapula yang menggunakan klik 1 kali untuk close. Script ini adalah hasil copas tanpa permisi dari blog tetangga :D

1. Script melayang dengan tombol klik 1 kali untuk close (menutup)

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; 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-100; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 1x]:. </a> </div> <center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center> <div style="text-align:left"> <a href="http://www.tenriewa.co.cc"> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></center></div></div>

2. Script melayang dengan tombol close 2 kali klik

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:0px solid #A5BD51; background: #ffffff ; 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.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10); } } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:center"> <a href="javascript:showHideGB()"> <img src="http:// www.fileden.com/ files/2009/10/12/2599919/ close.gif" /> </a> </div> <center>

Masukkan kode disini !

</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Silahlan di copy dan paste di blog anda !