Cara Mudah Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Sebelum ke acara pokoknya, lebih baik jika kita mengetahui apa itu banner iklan. Banner iklan adalah gambar/tulisan yang dipasang untuk mempromosikan suatu produk. Banner iklan pada blog bisa di tempatkan dimana saja, bisa di tempatkan di header dan sidebar bahkan di dalam postingan. Banner iklan pada blog pun bisa di buat dengan berbagai cara, ada yang hanya gambar saja, link teks, gambar bergerak atau yang paling keren yaitu dengan cara membuat banner tersebut melayang.

Banner iklan melayang ini biasanya di tempatkan di sisi kiri dan kanan atau melayang di bawah blog, banner ini akan ikut melayang walaupun kursor ditarik keatas atau kebawah. Pada kesempatan ini, Kang AP mau memberikan trik cara mudah membuat banner iklan melayang di kiri dan kanan blog. Bagi anda yang tertarik untuk memasangnya, mangga simak baik-baik langkah-langkah dibawah ini !!

Baca juga :
» Cara Mudah Membuat Scroll Pada Blog Archive Terbaru
» Cara Mudah Membuat Recent Post Sederhana Responsive
» Cara Mudah Membuat Recent Post Thumbnail Keren Bergerak Turun

1. Pertama, anda login dulu ke Blogger

2. Pilih Tata Letak » Tambah Gadget

3. Pilih HTML/JavaScript

4. Pasang kode berikut pada kolom HTML/JavaScript

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<!--start: floating ads-->
<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:10px;left:10px;">
 <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWr4N0F0zqOdmmWXP07X-jv2v0IR-hX8xkULaG3jbTUV4dtHTe5kkCWXf1bYJMbCk8FNpPkMO-IuZcT2BJPjjEPlizc1ankIvK-Y6e-r-HglzxoEw4rpGU5cwVtGFIs9bZ4C__PdqvoLcT/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai disini-->

<td><center><a href="https://ap-thea.blogspot.com/p/pasang-iklan.html" target="_blank"><img border="0" alt="Pasang Iklan Murah" width="90" src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm2ngRVsr5E-6Xd_FUacTAY49anKDdi94z64gJF3m6yVDPNcRCQo_DnvxrnMoC5TrM5kXEBf0Wv0k5WpBvkMhEKIVxdQhPbcHRbmr5k1ejTI4Z0HXGwcQ2Hd5S_r7WQDnloF06dxHpsxt/s1600/banner-kiri-kanan-blog-kang-ap.gif' heigh=”600"/></a></center></td><center><a href="https://goo.gl/f9zGyy" target="_blank">Salam Blogger</a></center>

<!--Akhir disini-->

</div>

<!--end: floating ads-->

   <!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:10px;right:10px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWr4N0F0zqOdmmWXP07X-jv2v0IR-hX8xkULaG3jbTUV4dtHTe5kkCWXf1bYJMbCk8FNpPkMO-IuZcT2BJPjjEPlizc1ankIvK-Y6e-r-HglzxoEw4rpGU5cwVtGFIs9bZ4C__PdqvoLcT/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

<td><center><a href="https://ap-thea.blogspot.com/p/pasang-iklan.html"target="_blank"><img border="0" alt="Pasang Iklan Murah" width="90" src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm2ngRVsr5E-6Xd_FUacTAY49anKDdi94z64gJF3m6yVDPNcRCQo_DnvxrnMoC5TrM5kXEBf0Wv0k5WpBvkMhEKIVxdQhPbcHRbmr5k1ejTI4Z0HXGwcQ2Hd5S_r7WQDnloF06dxHpsxt/s1600/banner-kiri-kanan-blog-kang-ap.gif' heigh=”600"/></a></center></td><center><a href="https://goo.gl/f9zGyy" target="_blank">Salam Blogger</a></center>

<!--Akhir disini--></div><!--end: floating ads-->

Note.
» Kode yang berwarna biru isi dengan URL tujuananda
» Jika anda ingin banner ada di kanan atau kiri saja, hapus salah satu kode banner

5. Simpan dan lihat hasilnya

Demikian cara mudah membuat banner iklan melayang di kiri dan kanan blog. Jika anda mempunyai pertanyaan tentang artikel diatas silahkan masukkan dalam kolom komentar, semoga bermanfaat.

Please Share » » Facebook Google+ Twitter