Cara Membuat Iklan Melayang Di Bawah Blog

Posted by Abil Anam on Monday, January 14, 2013

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 AdsenseKlik SayaSITTI 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=" http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/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='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/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..!

Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info

{ 2 comments... read them below or add one }

acung carus said...

acung wah makasih gan. kpn* boleh juga nih ku coba :)

Laksamana Arya Andhikara said...

Ea silahkan
dan maksaih sdah brkunjung

Post a Comment