Cara membuat iklan melayang di samping kanan dan kiri blog

BlogKepo-Apa kabar nih sobat blogger semua? kasih senyuman dong buat saya :)
Pada kesempatan ini saya akan share satu artikel tutorial blogger nih sob. Tutorial pertama nih di tahun 2013 dari saya :D
Artikel ini spesial by request dari sahabat saya sendiri. Penasaran? Langsung simak aja nih "Cara memasang iklan melayang di samping kanan dan kiri blog" :)
screenshootnya kayak gini nih sob :)

Sebelum saya jelaskan tutorialnya, boleh ya saya review dikit kenapa posisi pemasangan iklan itu perlu diperhatikan. Jadi untuk menjadi publisher yang baik, kita harus tau tempat-tempat strategis untuk memasang iklan. Usahakan taruh di tempat yang mudah dilihat oleh pengunjung. Ini ditujukan agar pengunjung sejak pertama membuka blog kita pandangannya akan langsung teralihkan ke iklan yang kita pasang sehingga dapat menarik pengunjung melakukan klik untuk kita :)
dan menurut saya memasang iklan melayang pada blog adalah salah satu tempat paling strategis, karena hampir tidak mungkin pengunjung tidak melihat iklan yang kita pasang.
Dan ini langkah-langkah untuk memasang iklan melayang disamping kanan dan kiri blog:
1. Buka akun blogger sobat dan menuju ke dashboard
2. Kemudian pilih menu tata letak dan kemudian add gadget

tempat gadgetnya bebas sih,, suka-suka kalian aja soalnya gak bakal pengaruh, hehe :D

3. pilih HTML/JavaScript

4. Copy - Paste kode berikut pada kotak yang tersedia


<!-- floating ads idebangga.blogspot.com --> <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 idebangga.blogspot.com--> <div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRDH1OjBczWVQbfjS5lW3VhRN-T4QkF57XJJe3PTa8ksFc1YwosjRk-UrphcsLb2T3HgFUxSl_YwPH0C9PNcDSlcm3TQHgpFnWyvzhQH5H4iRzVBa-uWJ263ETV_vGLsr1d7cHdcSmxXy/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kiri--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir Iklan Kiri--> </div> <!--end: floating ads idebangga.blogspot.com--> <!--start: floating ads idebangga.blogspot.com--> <div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRDH1OjBczWVQbfjS5lW3VhRN-T4QkF57XJJe3PTa8ksFc1YwosjRk-UrphcsLb2T3HgFUxSl_YwPH0C9PNcDSlcm3TQHgpFnWyvzhQH5H4iRzVBa-uWJ263ETV_vGLsr1d7cHdcSmxXy/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kanan--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir Iklan Kanan--> </div> <!--end: floating ads idebangga.blogspot.com--> <!-- end: floating ads idebangga.blogspot.com -->

nb:
masukkan script iklan sobat untuk menggantikan tulisan "LETAKKAN SCRIPT IKLAN DISINI"

5. klik save



Jika sobat belum puas dengan iklan kanan dan kiri, sobat bisa menambahkan iklan melayang di posisi lain dengan kode seperti berikut

<!--start: floating ads idebangga.blogspot.com--> <div id="teaser4" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;"> <div> <a href="#" id="close-teaser" onclick="document.getElementById('teaser4').style.display = 'none';" style="cursor:pointer;"><center> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrRDH1OjBczWVQbfjS5lW3VhRN-T4QkF57XJJe3PTa8ksFc1YwosjRk-UrphcsLb2T3HgFUxSl_YwPH0C9PNcDSlcm3TQHgpFnWyvzhQH5H4iRzVBa-uWJ263ETV_vGLsr1d7cHdcSmxXy/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir--> </div> <!--end: floating ads idebangga.blogspot.com-->

catatan:
letakkan kode tersebut dibawah kode yang tadi.
kode diatas untuk menampilkan iklan di bagian tengah bawah blog, ditunjukkan dengan kode "position:fixed; bottom:0px;"
untuk posisi menempel diatas blog ganti kode tersebut dengan "position:fixed; top:0px;" tanpa tanda petik ya :)
jika sobat masih ingin menambah iklan lagi, copy-paste lagi kodenya dan ganti semua (ada 2) kode "teaser4" dengan "teaser5" dst. ingat, tanpa tanda petik :D


Sekian tutorial dari saya, semoga bermanfaat :)