Wuidih.... dapet juga nich Widget melayang close sekali klik. Mantab gan.. bisa buat masangin iklan dari kumpul blogger.. hehehe.. sebenarnya cara membuat Widget melayang sudah lama sekali di ulas oleh blogger2 seindonesia, namun kebanyakan widget melayang tersebut bisa di close jika di klik sejumlah 2 kali, menurut saya hal ini sangat menjengkelkan, dampaknya adalah pengunjung bisa saja kabur :-( nasib blog jadi sepi dech..
Nah untuk kali ini bagus blog ingin share bagaimana cara membuat Widget melayang close sekali klik. Saya sudah lupa darimana script Widget melayang close sekali klik ini saya dapatkan, namun nyatanya sampai saya menulis artikel cara membuat Widget melayang close sekali klik ini ternyata scrip tersebut masih berjalan normal2 saja. Berarti saatnya bagus blog share ya..??? berikut script Widget melayang close sekali klik :
<style type="text/css">#gb{position:fixed;top:10px;z-index:+1500;}* 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><script type="text/javascript">var gb = document.getElementById("gb");gb.style.center = (20-gb.offsetWidth).toString() + "px";</script></center></div></div>
untuk kode berwarna merah center, adalah letak dimana widget melayang close sekali klik nanti ditampilkan
Cara memasang ke blog :
1. Login ke Blogger.com
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JavaScript
5. Copy script widget melayang close sekali klik diatas, lalu pstekan ke dalam kotak tambah gadget.
6. Save, liat hasilnya
0 komentar:
Posting Komentar
,,