Sunday, February 20, 2011

MEMBUAT 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 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...!!

COMMENTS :




Don't Spam Here 1

Nice share...happy blogging

Iskaruji dot com said...
on 

Post a Comment

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda dan Saya follow juga. Blog 7ASK adalah Blog Do Follow, Terimakasih atas kunjungan Anda..!

 

Copyright © 2008-2011 All Rights Reserved. Mobile View Powered by 7ASK / WAWAN ADIE and Distributed by Template

Facebook Twitter Mykaskus