Menanggapi pertanyaan yang muncul dari artikel saya yang
kemarin "Cara Membuat Banner 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='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/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.
·
Klik SIMPAN
·
Langkah
selanjutnya adalah menambahkan iklan untuk bagian kanan blog.. Anda masih di
menu TATA LETAK.. Pilih lagi TAMBAHKAN GADGET lalu pilihHTML/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='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/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.
·
Jika
sudah klik SIMPAN
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)
