Membuat Iklan Melayang Pada Blog

Hai sobat blogger, kali ini saya akan share bagaimana cara membuat iklan melayang pada blog, lengkap dengan tombol tutupnya, bagi sobat blogger yang gemar memasang iklan PPC (Pay Per Click) pasti sudah tidak asing lagi, nah dengan iklan melayang ini maka pengunjung akan melihat iklan selama mereka belum mengklik tombol tutup, nah dengan cara ini sobat blogger tentunya akan lebih banyak mendapatkan klik pada iklan dibandingkan sobat hanya memasang iklan pada sidebar, nah berikut langkah-langkah memasang iklan melayang :
1. Log in ke akun Blogger sobat.
2. Pilih Rancangan selanjutnya Elemen Laman, dan Tambah Gadget.
3. Pilih Html/Javascript, dan masukkan script berikut :

<style type="text/css">
#adf{
position:fixed;
top:170px;
left200px;
z-index:+1000;
}
* html #adf{position:relative;}

.gbtab{
height:50px;
width:120px;
float:bottom;
background:#434343;
}
.adfcontent{
float:right;
border:2px solid #434343;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
background:Transparent;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideADF(){
var adf = document.getElementById("adf");
var w = adf.offsetWidth;
adf.opened ? moveADF(0, -15-w) : moveADF(30-w, 0);
adf.opened = !adf.opened;
}
function moveADF(x0, xf){
var adf = document.getElementById("adf");
var dx = Math.abs(x0-xf) >10 ? 5 : 1;
var dir = xf>x0 ? 1 : 170;
var x = x0 + dx * dir;
adf.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveADF("+x+", "+xf+")", 15);}
}
</script>

<div id="adf">

<div class="adftab" onclick="showHideADF()"> </div>

<div class="adfcontent">

<div style="text-align:right">
<a href="javascript:showHideADF()">[ x ]
</a>
</div>
<center>

Kode Iklan Yang Akan Di Pasang

</center>

<script type="text/javascript">
var adf = document.getElementById("adf");
adf.style.center= (50-adf.offsetWidth).toString() + "px";
</script></div></div>

4. Ganti teks warna merah dengan script iklan yang akan dipasang.
5. Simpan.

Semoga Bermanfaat !!!