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/AVvXsEjeQtB97c98-90bjgs7M8TFfJRl0D0SUgnQdc4yVHWCC37or7jIrpoU7j7NFuPVx5UZwZP4CCKn0aSzie3FJU5A3tWcKmG5g6McmToLHKYL2jTLagjA9SaeS61TBQKVrFZVdzraJ1sRv3_O/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/AVvXsEjeQtB97c98-90bjgs7M8TFfJRl0D0SUgnQdc4yVHWCC37or7jIrpoU7j7NFuPVx5UZwZP4CCKn0aSzie3FJU5A3tWcKmG5g6McmToLHKYL2jTLagjA9SaeS61TBQKVrFZVdzraJ1sRv3_O/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..
Baiklah saya rasa itu saja, semoga bermanfaat dan terima kasih telah membaca artikel
Cara Pasang Iklan di Blog (di Bagian Kanan Kiri)
