memasang banner melayang
Saya yakin anda sudah pernah melihat iklan gambar yang melayang di bagian bawah sebuah website.

Trik memasang iklan banner di footer ini sangat efektif karena banner atau gambar tidak akan berpindah tempat dan akan selalu terlihat oleh mata asalkan orang yang mengunjungi web anda tidak mengklik tombol Close nya.

Jika anda punya blog dalam benak anda pasti ingin bisa memasang iklan banner seperti itu. Tapi bagaimana caranya,..?

Berikut langkah sederhana cara memasang iklan banner di footer dengan tombol close:
  • Masuklah dulu ke akun blogger anda
  • Pilih menu tata letak atau layout
  • Buat gadget baru dengan mengklik Add Gadget atau Tambah Gadget.
  • Akan halaman Pop Up, cari yang ada tulisan HTML/Javascript
  • Copy dan Masukan kode dibawah ini kedalam kotak Html tersebut lalu simpan.
<!-- AWAL FOOTER IKLAN -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br >
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE BANNER IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

Gantilah tulisan yang berwarna merah dengan kode banner anda dan untuk mengatur lebarnya, ubah angka yg berwarna biru di sesuaikan dengan lebar conten blog anda. Mudah bukan, ayo di praktekin,.. Semua hal klo hanya teori tanpa dipraktekin ga akan pernah bisa. Semoga bermanfaat,..