Memasang iklan banner melayang di footer

Memasang sebuah iklan di footer dengan fungsi melayang bisa saja misalkan banner tatupun iklan lainya menurut kita baik, pasti kita sering lihat di situs website yang sudah kaya akan pengunjung pasti penuh dengan sebuah iklan, contoh bisa liat gambar di bawah ini dan lihat banner iklan yang melayang di footer.Baca juga artikel saya tentang Iklan Internet Murah Efektif Berkualitas Indonesia

Lanjutkan neh teritorialnya , untuk membuat atau memasan iklan banner melayang di footer dengan tombol close bisa ikuti caranya di bawah ini :

1. Login ke blogger
2. Klik tata letak
3. klik tambah gadget, setelah muncul pop up klik Html/javascript
4. masukkan kode di bawah 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: 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: 110px; z-index: 9999;'>
   <div style='text-align: right; width: 735px; height: 3px;'>
   <img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
   <div style='clear: both;'></div>
   <p>
   <p><center>
   KODE BANNER IKLAN ANDA
   </center></p>
   </p>
   </div>
   <!-- AKHIR FOOTER IKLAN -->

5. Jangan lupa warna merah ganti dengan kode banner iklan anda, dan klik simpan

Begitu mudah caranya lebih mudah dari pada yang menempel di header, tapi bagus semua, semoga bermanfaat.

Artikel Terkait