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/AVvXsEjcMYGocjRWwGFlFFGmxNxeM_LUrOYZA4TPUTTcPH9I-3TFrzZ-I1WWJEU39jchaGh2kl1M2dpcZ4N8t8LF2Xo34ZH7D-oCePT5y3g_h5PJhok2OCT8icyMT5s8nlRLjRhFkCteZdIoLLsQ/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai-->
Script Iklan anda
<!--Akhir-->
</div>
<!--end: floating ads-->
- Perhatikan kode yang diberi warna kuning 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 pilih HTML/JAVA script..