Membuat Widget Pop Up Windows di Blog

widget yang tampil seperti mengambang di blog, biasanya sering untuk memasang script iklan PPC. Karena memang widget ini tampilannya paling menonjol yaitu tampil di depan, tengah atau sebelah kiri sesuai keinginan pemasang semua bisa di setting melalui pengaturanya. Keunikan lain script ini adalah jika pengunjung melakukan scroling ke bawah halaman blog anda tetapi widget ini akan selalu berada di bagian bawah blog anda atau sesuai dengan pengaturan sehingga pengunjung dapat melihat dengan jelas apa saja yang kita pasang dalam widget ini, contoh iklan PPC.

kopi kode berikut

<style type="text/css"><br />#gb{<br />position:fixed;<br />top:325px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br /><br />.gbtab{<br />height:30px;<br />width:960px;<br />float:center;<br />cursor:pointer;<br />background:url('') no-repeat;<br />}<br />.gbcontent{<br />float:center;<br />border:1px solid #A5BD51;<br />background:#000000;<br />padding:1px;<br />}<br /></style><br /><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 125-w) : moveGB(125-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><br /><div id="gb"><br /><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><br /><div class="gbcontent"><br /><br />SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN!<br /><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[Close]<br /><a href="http://fabrie.blogspot.com" target="_blank"><br />[Widget By fabrie]<br /></a><br /></a></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.down = (125-gb.offsetWidth).toString() + "px";<br /></script></div>

simpan


Tulisan Terkait :

Best Quote Today:
Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat. (Winston Chuchill)

Jika Anda menyukai tulisan diatas jangan lupa untuk klik tombol suka untuk berbagi dengan teman facebook Anda. Anda juga bisa membagikan tulisan ini di twitter dan jejaring sosial lainnya. Berbagi itu indah.

Become a Fan