Cara Membuat Iklan Melayang Di Bawah Blog

Pasang Iklan Melayang di Bawah dengan Tombol Close - Pada kali ini saya akan memberikan tutorial tentang Cara Pasang Iklan Melayang di Bawah dengan Tombol Close.Untuk membuat iklan meyang di bagian bawah ini mungkin sangat menganggu sekali bagi visitor bahkan PPC (Pay Per Click) seperti PPC Google Adsense, Klik Saya, SITTI dan masih banyak lagi tapi masih ada juga PPC lokal yang baik hati untuk memperbolehkan iklan melayang seperti kumpul blogger dan lain-lain.Untuk contoh iklan melayang bagian bawah bisa anda lihat di bawah ini :

Cara Membuat Iklan Melayang di bawah Blog

 1. Masuk ke akun blogger anda
 2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
 3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">
<img border="none" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlawqxSI_mJeO6WnGkvbAYEtN0tsae_zvlGHikQGk5qw2XeOn9C1vvM05kOMH4Eg1LIao2Z7p38sFXyXRK40zYfKvs7yDXQhpMKZrjfDbncqYGXWUZoske1Tf7yiuizo-NDkxuvsNzqjRd/s1600/PhoXo2.png "/>
</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

Kode Iklan Anda !

</div>
</div>

  4.Simpan !

atau anda juga bisa memakai kode javascript seperti ini :

<!-- 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: 1;
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: 0;'>
<div style='text-align: right; width: 130px; height: 21px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlawqxSI_mJeO6WnGkvbAYEtN0tsae_zvlGHikQGk5qw2XeOn9C1vvM05kOMH4Eg1LIao2Z7p38sFXyXRK40zYfKvs7yDXQhpMKZrjfDbncqYGXWUZoske1Tf7yiuizo-NDkxuvsNzqjRd/s1600/PhoXo2.png'/></div>
<div style='clear: both;'></div>
<center>
KODE IKLAN ANDA !
</center>

<!-- AKHIR FOOTER IKLAN --></div>

silahkan anda pilih salah satu !

Demikian tutorial dari saya.Semoga bermanfaat !!


Share it to your friends..!