Membuat Iklan Footer Melayang dengan Tombol Closed

Membuat Iklan Footer Melayang dengan Tombol Closed - Begitu banyak iklan yang terpasang pada sebuah blog/web dengan berbagai posisi dengan tujuan yang beraneka ragam.

Pada kesempatan kali ini skocikita akan membuat tutorial sederhana tentang cara membuat iklan melayang di bagian footer yang dilengkapi tombol closed. Tutorial seperti ini sebenarnya telah banyak diulas oleh kawan-kawan blogger yang lain, namun tentunya dari sekian banyak tutorial mempunyai karakter dan gaya yang berbeda-beda. Oleh karena itu saya berharap kehadiran artikel ini dapat menambah perbendaharaan sobat khususnya menyangkut iklan footer melayang.

Tanpa panjang lebar lagi, inilah skript iklan melayang (fixed) di bagian footer:

<!-- 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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXu97JbvIi6QAr6OMPY4G-sBDSNKlG-Eh1uCg62aC-knt4yd0PX0TQRzuNtgoYIPY2_CpQ_o-4IFHFOtTFXpwwQ8Hfrlxbf7ekERvgSyQ-x_8rw-u1aeQsndklrs-HJbWE3geyhYoHG52i/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Tempatkan kode iklan anda disini</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

Cara pasang:
1. Login ke Blogger
2. Klik Rancangan
3. Klik tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode di atas pada kolom yang tersedia
6. Klik Simpan dan lihat hasilnya

Salam blogger...