Membuat floting ads di blog

Assalamualaikum wr.wb
Seperti yang anda lihat jika membuka anggara-chandra.blogspot.com
awalnya anda akan disuguhi pop up yang berisi iklan dari kumpulblogger.com
nah,disini saya akan membahas bagaimana caranya membuat iklan itu menjadi pop up....
tanpa basa-basi lagi......berikut caranya:
1.Login di blog anda
2.Masuk di tata letak>Tambah gadget>html/javascript
3.Silahkan masukkan kode berikut
<style type="text/css">
#gb{
position:fixed;
top:10px;right:10px;
z-index:+1000;
}
* 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;
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 2x]:.
</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 = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4.Save dan lihat hasilnya.....

Disclaimer:Sebelum anda 

membuat dan menerapkan iklan melayang

 ada baiknya anda membaca TOS (Terms of Service) dari pihak iklan tersebut. Beberapa advertiser menyatakan bahwa iklan melayang di blog melangar TOS karena membuat pengunjung meng-klik iklan tersebut dengan terpaksa.

sumber: http://blogedek.blogspot.com/2012/02/cara-membuat-iklan-melayang-di-blog.html

Semoga Bermanfaat
Wassalamualaikum wr.wb

Postingan terkait:

Belum ada tanggapan untuk "Membuat floting ads di blog"

Posting Komentar