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 7ASK 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.
Silahkan Copas kode ini:
<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #eee;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 1px solid #fff;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: #600 0 2px 15px;
-moz-box-shadow: #600 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .tombol {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .tombol button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #5f5f5f;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
background: -moz-linear-gradient(top, red, #454545);
}
#topbar .isi_iklan {
background-color:#FFFFFF;
margin:0;
padding:4px;
width: 468px;
border: 1px solid #999;
}
</style>
<script src="http://btuneup.googlecode.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>CLOSE</button></a></div>
<div class="isi_iklan">
<!-- Begin: http://adsensecamp.com/ -->
<script src="http://adsensecamp.com/show/?id=iNrp4kvphTo%3D&cid=1mKE6FR8OXo%3D&chan=doP0B8F1qmk%3D&type=2&title=3D81EE&text=000000&background=FFFFFF&border=FFFFFF&url=2BA94F" type="text/javascript">
</script>
<!-- End: http://adsensecamp.com/ -->
<br />
</div><br />
</div>
Catatan: tulisan yang berwarna merah ganti dengan iklan anda sendiri atu dengan tulisan..
trimakasih atas partisipasinya...!!
Nice share...happy blogging