Cara membuat iklan di samping kanan dan kiri blog

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/AVvXsEhMpl_KG6kFuSum48FXvyjQyZOsTJMI45U_oiad-iguM2QycRMmB8J-TWfTOK2LT4X0pFIA9TBaQK764o6R4P-MIRnkXuDJCrHzhQI63ZCJ0K8Hnsva_WwO_r0_6rWcFVqvlC4yPqUA56bV/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/AVvXsEhMpl_KG6kFuSum48FXvyjQyZOsTJMI45U_oiad-iguM2QycRMmB8J-TWfTOK2LT4X0pFIA9TBaQK764o6R4P-MIRnkXuDJCrHzhQI63ZCJ0K8Hnsva_WwO_r0_6rWcFVqvlC4yPqUA56bV/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kanan--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir Iklan Kanan--> </div> <!--end: floating ads arjomangil.blogspot.com --> <!-- end: floating ads arjomangil.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/AVvXsEhMpl_KG6kFuSum48FXvyjQyZOsTJMI45U_oiad-iguM2QycRMmB8J-TWfTOK2LT4X0pFIA9TBaQK764o6R4P-MIRnkXuDJCrHzhQI63ZCJ0K8Hnsva_WwO_r0_6rWcFVqvlC4yPqUA56bV/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir--> </div> <!--end: floating ads arjomangil.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 :)



sumber

Berbagi :