√ Cara Gampang Menciptakan Banner Iklan Melayang Di Kiri Dan Kanan Blog

Sebelum ke program pokoknya, lebih baik kalau kita mengetahui apa itu banner iklan. Banner iklan adalah gambar/tulisan yang dipasang untuk mempromosikan suatu produk. Banner iklan pada blog dapat di tempatkan dimana saja, dapat di tempatkan di header dan sidebar bahkan di dalam postingan. Banner iklan pada blog pun dapat di buat dengan banyak sekali cara, ada yang hanya gambar saja, link teks, gambar bergerak atau yang paling keren yaitu dengan cara menciptakan 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 memperlihatkan trik cara gampang menciptakan 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 Praktis Membuat Scroll Pada Blog Archive Terbaru
» Cara Praktis Membuat Recent Post Sederhana Responsive
» Cara Praktis 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 arahan berikut pada kolom HTML/JavaScript

<script type='text/j4vascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<script type="text/j4vascript">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/j4vascript">
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/AVvXsEgRIMjYGY37RyOC5Da2f5fdLa0VpbK3Snq_YdmRT-FkCxoR7m5QqClSGVumLxGjbk3uNZbO4y592NjDW9nf85y0pMmzV0vZ0vR7qWBzghb93BQI1u1QElsdXJoDoVz6zZ_amSwjQS5Cx5RX/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=" lebih baik kalau kita mengetahui apa itu √ Cara Praktis Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog"color: red; font-family: "arial" , sans-serif; font-size: 10pt;">Pasang Iklan Murah" width="90" src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5ZE7-XgQdHm2aILGJVRDLvh1fG74LQ62a5XPZtqenMAkVxA0XEDH6iabwOPeYUgF9bfXEzFlDu5jYQH_a03LT75Y73FM3KtNM0uLeOr6Ok5_g2uXrR3GSgUjGJoFnpF-RBlpQ1UcVGFr/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/AVvXsEgRIMjYGY37RyOC5Da2f5fdLa0VpbK3Snq_YdmRT-FkCxoR7m5QqClSGVumLxGjbk3uNZbO4y592NjDW9nf85y0pMmzV0vZ0vR7qWBzghb93BQI1u1QElsdXJoDoVz6zZ_amSwjQS5Cx5RX/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=" lebih baik kalau kita mengetahui apa itu √ Cara Praktis Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog"color: red; font-family: "arial" , sans-serif; font-size: 10pt;">Pasang Iklan Murah" width="90" src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5ZE7-XgQdHm2aILGJVRDLvh1fG74LQ62a5XPZtqenMAkVxA0XEDH6iabwOPeYUgF9bfXEzFlDu5jYQH_a03LT75Y73FM3KtNM0uLeOr6Ok5_g2uXrR3GSgUjGJoFnpF-RBlpQ1UcVGFr/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 arahan banner

5. Simpan dan lihat hasilnya

Demikian cara gampang menciptakan banner iklan melayang di kiri dan kanan blog. Jika anda memiliki pertanyaan perihal artikel diatas silahkan masukkan dalam kolom komentar, agar bermanfaat.


Sumber http://ap-thea.blogspot.com