Cara Pasang Iklan di Blog (di Bagian Kanan Kiri) - Menanggapi pertanyaan yang muncul dari artikel saya yang kemarin Cara Membuat Banner Blog Online.. "Setelah bikin banner, lalu bagaimana cara memasangnya di blog kita ?" Menanggapi pertanyaan tersebut saya rasa sekalian saja bila saya buatkan sebuah artikel mengenai hal tersebut..
Untuk hal ini kita tidak perlu mengedit template blog, yang perlu kita lakukan hanyalah menambahkan widget HTML/JAVA script di blog kita.. Format iklan yang ditampilkan kurang lebih mirip dengan iklan yang ada di bagian kiri blog ini. Yang membuatnya lebih menarik, saya juga menyertakan tombol close sehingga apabila pengunjung merasa terganggu dengan iklan yang saudara tampilkan, maka dia dapat dengan mudahnya menutup iklan tersebut..
Langsung saja, silahkan perhatikan langkah-langkah berikut :
- Anda haruslah log in terlebih dahulu dengan menggunakan akun blogger anda..
- Silahkan menuju menu TATA LETAK
- Klik TAMBAHKAN GADGET di bagian mana saja, karena hasilnya akan sama .. Lalu pilih HTML/JAVA script..
- Sekarang copy script dibawah ini ke kolom script HTML tersebut.. (Script dibawah untuk menampilkan iklan dibagian kiri blog )
Script Iklan Kiri
<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: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/AVvXsEjy0RgvWAsMsMEmwpv0ysvh-CClSNujxy3pIFienoxW_B4ePMWTAz8IthzdtyaTUD2I1RDp0X6pslRUAp92q42yCnnCPyIb1JW0v1qZYdzvOTX4BwHafLJykU5UEYCqjfbyzGBirdz4gYTf/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai-->
Script Iklan anda
<!--Akhir-->
</div>
<!--end: floating ads-->
- Perhatikan kode yang diberi warna MERAH pada kotak diatas.. Silahkan anda ganti degan script iklan anda.. Tapi tentunya anda harus menggantinya dengan format iklan yang vertikal.. Agar ukurannya pas dari atas sampai kebawah.. Usahakan iklan anda berukuran 160 px X 600 px.
- Langkah selanjutnya adalah menambahkan iklan untuk bagian kanan blog.. Anda masih di menu TATA LETAK.. Pilih lagi TAMBAHKAN GADGET lalu pilih HTML/JAVA script..
Script Iklan Kanan
<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:0px;right: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/AVvXsEjy0RgvWAsMsMEmwpv0ysvh-CClSNujxy3pIFienoxW_B4ePMWTAz8IthzdtyaTUD2I1RDp0X6pslRUAp92q42yCnnCPyIb1JW0v1qZYdzvOTX4BwHafLJykU5UEYCqjfbyzGBirdz4gYTf/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai-->
Script Iklan Anda
<!--Akhir-->
</div>
<!--end: floating ads-->
- Perhatikan kode yang diberi warna MERAH pada kotak diatas.. Silahkan anda ganti degan script iklan anda.. Tapi tentunya anda harus menggantinya dengan format iklan yang vertikal.. Agar ukurannya pas dari atas sampai kebawah.. Usahakan iklan anda berukuran 160 px X 600 px.
Script iklan tersebut bisa anda dapatkan dari berbagai macam sumber, baik itu dari layanan iklan ppc seperti adsensecamp, ppcindo, kumpulblogger, iklan sitti.. Selain itu anda juga bisa menggunakan banner untuk mengiklankan produk atau jasa tertentu.. Untuk pembuatan banner bisa anda klik link dibagian awal postingan..
