Cara Memasang Iklan Melayang Dengan Tombol Close Di Bawah Blog

Iklan Berfungsi untuk menampilkan ilkan sponsor, dan mendapatkan pundi-pundi uang dari sponsor. Pada kesempatan kali ini saya akan memberikan sebuah turitorial Cara Memasang Iklan Melayang Dengan Tombol Close Di Bawah Blog.

Banner iklan kali ini memiliki sebuah tombol close, diman yang jika kita klik tombol closenya sekali maka iklan nya akan menghilang, iklan tersebut terletak di bagian bawah blog.

Cara Measang 
1. login ke blog anda terlebih dahulu
2. Pilih menu tata letak--> tambah gadget --> copy kode berikut

<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: 90px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 6px;'>

<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuaANl8Y05iJxak4SZIX9AgCerii6e6EozbO43kBky3pb9jfKyCde2zfdwdH41GzhlS4fA-PmIC7vD0i8XrJKyK_tsYOlKcwqHnBH13OjbyBpcWO_JX4v8MLclX8zw6hjkITVElEvpMY6X/s1600/close-icon.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

<a href="URL Iklan" target=" blank"><img src="Url Gambar Iklan" /></a>

</center></p>

</p>

</div>

4. Ket:

1.  Warna Merah anda ganti dengan ukuran iklan anda
2. Warna biru anda ganti dengan URL ikalan / URL yang dituju
3. Warna hijau diganti dengan URL gambar iklan

5. Simpan

Selesai 

Related Post:

Cara membuat banner animasi

cara membuat banner melayang di atas blog