ADS POPUP ANTI BLOCK BROWSER

Semalam sempat blogwalking ke salah satu blog sahabat blogger saat coba-caba cari ide postingan, dapat sesuatu yang cukup menarik yaitu ads popup yang bisa kita personalisasi sesuai dengan keinginan kita, seperti yang saya pasang di blog Iskaruji dot com ini. Asyiknya lagi, ada style gradasi warna dan efek drop shadow yang cukup mudah dipersonalisasi. Akhirnya, dari sekian banyak model ads popup yang ditulis oleh sahabat blogger, saya lebih memilih tehnik ini.

Tanpa berlama-lama, bagi para sahabat yang juga ingin menggunakan ads popup yang "anti blokir" oleh browser, silahkan copy paste kode dibawah ini dan letakkan pada Page Ekement > Add Gadget > HTML/JavaScript blog kamu. Disarankan untuk meletakkannya pada gadget paling bawah dan tanpa judul gadget.

<style type="text/css">#topbar { position:absolute; z-index: 100; padding: 8px; background: #eee; background: -moz-linear-gradient(top, rgba(151, 151, 151, .9), rgba(0, 0, 0, .9)); background: -webkit-gradient(linear,left top,left bottom,from(rgba(151, 151, 151, .9)),to(rgba(0, 0, 0, .9))); border: 1px solid #969696; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-box-shadow: #ccc 0 2px 15px; -moz-box-shadow: #ccc 0 2px 10px; margin:0 auto 10px; float:left; color:rgba(0, 0, 0, 0.75); font-size: 12px; font-family: Verdana, serif;}#topbar img { border:none;}#topbar .tombol { margin:0; padding:0; text-align:right;}#topbar .tombol button { color:#FFFFFF; border: solid 1px #969696; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; padding:1px; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,.6); background: #5f5f5f; background: -webkit-gradient(linear, left top, left bottom, from(grey), to(#454545)); background: -moz-linear-gradient(top, grey, #454545);}#topbar .isi_iklan { background-color:transparant; margin:0; padding:4px; width: 400px; border: 1px solid #969696;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}</style><br /><script src="http://iskaruji.googlecode.com/files/jendela_pop_up.js" type="text/javascript"></script><br /><script type="text/javascript">var persistclose=1var startX = 300var startY = 85var verticalpos="fromtop"</script><br /><div id="topbar"><div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>Tutup</button></a></div><div class="isi_iklan"><a href="http://www.deeahzone.com" target="_blank"><img src="http://lh4.googleusercontent.com/_55xfixw5xxA/TVC-5kn9EsI/AAAAAAAAAVg/7bUANU7niLU/Deeahzone1.png"/></a><br /></div><a style="text-decoration: none; color: #ccc; text-align:right; display: block; font-size: 10px;" href="http://www.iskaruji.com/2011/02/ads-popup-anti-block-browser.html" target="_blank" title="Ads Popup">Ads by Iskaruji dot com</a><br /></div>

Untuk tutorial dan tips lebih lanjut, silahkan mampir ke developernya disini. Selamat mencoba dan berkreasi...happy blogging!

Posted in: Blog,Blogging,Edukasi,Tips triks