Cara Membuat Iklan Melayang Dengan Tombol Close

Sebagai seorang penayang jaringan iklan ( Publisher ), menempatkan iklan pada posisi yang tepat tentu sangat diperlukan. Selain dengan faktor design template, anda juga harus cermat agar pengunjung merasa nyaman dan tidak terganggu munculnya tampilan iklan yang kita pasang. Oleh karena itu, pada malam hari ini Media Blogger akan memposting "Cara Membuat Iklan Melayang dengan Tombol Close".

Menempatkan iklan melayang dapat diletakkan pada Header, Footer, Sidebar ( Kanan dan Kiri ) , atau bisa juga membuat iklan melayang di tengah halaman tentunya dengan tombol close 1x click. Artinya dengan bantuan tombol penutup ini dapat mempermudah pengunjung menutup iklan yang mungkin menggangu sebuah elemen pada posisi artikel.

Salah satu keunggulan dari memasang iklan pada footer blog adalah iklan teman-teman dapat dilihat lebih jelas pada setiap postingan. Cara ini dianggap lebih unggul daripada memasang iklan pada sidebar. Ini karena pengunjung akan lebih banyak melihat ke bawah saat sedang membaca postingan atau ingin berkomentar daripada melihat ke samping.

Cara Membuat Iklan Melayang di Footer dengan Tombol Close :
1. Login ke blog anda.
2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.
3. Pilih HTML / Javascript
4. Kemudian letakkan kode berikut di dalamnya.
 <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 {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2-TNhPQzB8_OYZnqIkB5LBqNM4hdFN0SfAprSprzyx504SJqFCOg8w4NmGbVhS_bUv7l7VrK9OSXeMrAAwz8Whpo8tMiZdoX_FbbCBhQ3ofzCuRm86YMqDXnViFkfRpNLrVCjknbZVwdf/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Masukan kode script iklan anda di sini
</center></p>
</p>
</div>

5. Save Widget tersebut.

Keterangan Pemasangan Iklan :
Ganti tulisan warna hijau diatas dengan script iklan anda.

Untuk di Kanan / Kiri silahkan baca Cara Menempatkan Iklan di Tengah Postingan. Cara Pasang Iklan Otomatis di Postingan.
Membuat Iklan Melayang ( Floating Ads ) memang tidak terlalu sulit, selamat mencoba.