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/AVvXsEj8Q8CUy-N8tYhGhyphenhyphenQ1dluMNPMDlr4-zhtq3W362FdTtik70X-xbZXxoHToed4DIg17SgAJiozRFl8kF5gjV9vwCK0x7RuwkuBT4H0XMrtuoaePN3Oy1780QDnufWuOaHIJkIsYW8NJ8Fen/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/AVvXsEj8Q8CUy-N8tYhGhyphenhyphenQ1dluMNPMDlr4-zhtq3W362FdTtik70X-xbZXxoHToed4DIg17SgAJiozRFl8kF5gjV9vwCK0x7RuwkuBT4H0XMrtuoaePN3Oy1780QDnufWuOaHIJkIsYW8NJ8Fen/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 !!!



http://alfadlys.blogspot.com/2012/10/cara-membuat-iklan-melayang-di-bagian.html

Artikel Terkait: