Cara membuat iklan di samping kanan dan kiri blog

Pada kesempatan ini saya akan share satu artikel tutorial blogger. Tutorial

 "Cara memasang iklan melayang di samping kanan dan kiri blog"

Sebelum Masuk ke penjelaskan tutorialnya, saya review dikit kenapa posisi pemasangan iklan itu perlu diperhatikan. Jadi untuk menjadi publisher yang baik, kita harus tahu 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,

3. pilih HTML/JavaScript

4. Copy - Paste kode berikut pada kotak yang tersedia


<!-- floating ads bengkulu-kito.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 bengkulu-kito.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/AVvXsEgDiisboBLyC7_hVpbxlQ6P2FJwXD0jpCQMKKjlHGF9dU1LVlGUQFEh1sGy3YBDggFyfItkMb1ANUSKrH7-KLURki7Aidp9mn4pOOOqJNGeMmH3FLOd_6Oyg5Q74mJbsMxt4e_peTd5EN9-/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kiri--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir Iklan Kiri--> </div> <!--end: floating ads bengkulu-kito.blogspot.com--> <!--start: floating ads bengkulu-kito.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/AVvXsEgDiisboBLyC7_hVpbxlQ6P2FJwXD0jpCQMKKjlHGF9dU1LVlGUQFEh1sGy3YBDggFyfItkMb1ANUSKrH7-KLURki7Aidp9mn4pOOOqJNGeMmH3FLOd_6Oyg5Q74mJbsMxt4e_peTd5EN9-/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai Iklan Kanan--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir Iklan Kanan--> </div> <!--end: floating ads bengkulu-kito.blogspot.com --> <!-- end: floating ads bengkulu-kito.blogspot.com -->

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

5. klik save



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

<!--start: floating ads bengkulu-kito.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/AVvXsEgDiisboBLyC7_hVpbxlQ6P2FJwXD0jpCQMKKjlHGF9dU1LVlGUQFEh1sGy3YBDggFyfItkMb1ANUSKrH7-KLURki7Aidp9mn4pOOOqJNGeMmH3FLOd_6Oyg5Q74mJbsMxt4e_peTd5EN9-/s1600/PhoXo2.png'/></center> </a></div> <!--Mulai--> LETAKKAN SCRIPT IKLAN DISINI <!--Akhir--> </div> <!--end: floating ads-->

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

semoga bermanfaat