Membuat Iklan Melayang 1 Kali Klik

Blog yang dipasangi iklan merupakan idaman setiap bloger. Biasanya sang pemilik blog selalu mempromosikan space atau tempat kosong bagi iklan/pemasang iklan. Salah satu bentuk tampilan iklan di blog adalah iklan melayang.

Tampilan ini memiliki kelebihan dan tentu kekurangan. Kelebihannya adalah mudah untuk menarik perhatian, sedangkan kekurangannya adalah kemunculan yang terlalu sering akan terasa menyebalkan/menganggu bagi pengunjung belum lagi tombol tutup (close) yang tidak jelas letaknya.

Hal lain, kebijakan dari pemasang iklan seperti Adsensecamp dan kliksaya.com mewajibkan iklan melayang harus mudah ditutup dan akan hilang dengan 1 klik saja. Jika dilanggar maka pendapatan akan dianggap hangus.

Berikut langkah membuat iklan melayang dengan 1 klik:
1. Dari akun blog pilih Tata Letak.
2. Pilih Tambahkan widget, pilih HTML/Java Script.
3. Masukkan kode berikut:

 <style type="text/css">
#gb{
position:fixed;
top:3px;
center:5px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:center;
border:2px solid #b8094f;
background:#7f7f7f;
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-100;
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()">
.:Tutup Iklan:.
</a>
</div>
<center>

MASUKKAN KODE HTML IKLAN DI SINI

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Klik save, dan lihat pada blog anda.

Tulisan berwarna kuning bisa anda edit untuk disesuaikan dengan blog anda.
Selamat mencoba!