Cara Membuat Banner Iklan di Kanan dan Kiri Blog 6

Masih tentang banner iklan untuk mempromosikan produk , blog atau website . Pada postingan sebelumnya kita pernah membahas tentang banner ini baca Cara Membuat Banner Iklan di Footer Blog , yang artinya kita memasang banner iklan dari sebuah produk , blog atau website tersebut pada bagian bawah blog kita . Nah berhubungan dengan banner iklan tersebut , kali ini sesuai dengan judul postingan yaitu Cara Membuat Banner Iklan di Kanan dan Kiri Blog saya akan mencoba membahas bagai manakah caranya jika kita ingin menempatkan banner iklan tersebut di bagian kanan dan kiri blog atau website kita , dimana dalam kebanyakan templete blog bagian sebelah kanan dan kiri , biasanya masih memiliki ruang kosong yang sayang jika tidak kita manfaatkan.

Dan adapun Cara Membuat Banner Iklan di Kanan dan Kiri Blog adalah:

1. Log in Ke Blogger dasbor dengan account anda.
2. Pilih Opsi lainya >>> Tata Letak .
3. Klik Tambahkan Gadget .
4. Selanjutnya Pilih dan klik HTML/Javascrip .
5. Masukan kode di bawah ini kebagian kotak konten Mengonfigurasi HTML/JavaScript.

<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 id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;align:left;"><img src='http://newtemplete-project.googlecode.com/files/banner-close-icon-left.png'/></a></div>
<!--Mulai disini-->

<a href="http://bambangpage.blogspot.com/" rel="nofollow" target="_blank" title="Pasang Iklan"><img src="http://newtemplete-project.googlecode.com/files/BP-banner.gif" width="172" height="600" alt="" /></a>

<!--Akhir disini-->
</div>
<!--end: floating ads-->
<!--start: floating ads-->
<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;align:right;"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuTmI7QI3roWIQUs8e0qKZ2sLtc-c3QPcxksxc26hXAcy6hMlfaAcq6XYV_YpU4MnUpK1YBFkKCJ-Sd28JG8TtPEEukoIbHGzYiU4wfKgiBfawmhpSHYNj-14qQ9J4DehOAUb50sZTA7Py/s1600/close-icon.png'/></a></div>
<!--Mulai disini-->
<a href="http://bambangpage.blogspot.com/" rel="nofollow" target="_blank" title="Pasang Iklan">
<img src="http://newtemplete-project.googlecode.com/files/BP-banner.gif" width="172" height="600" alt="" /></a>
<!--Akhir disini-->
</div>
<!--end: floating ads-->

Keterangan :

* Ganti Kode yang berwarna Merah dengan URL blog/website tujuan.

* Ganti Kode Yang berwarna Biru dengan URL image yang anda inginkan.

* Ganti Kode yang berwarna Orange dengan ukuran lebar banner yang anda inginkan.

* Ganti kode yang berwarna Hijau dengan ukuran tinggi banner yang anda inginkan.

6. Klik simpan/save pada Mengonfigurasi HTML/JavaScript.

7. Pilih Simpan Setelan pada Tata Letak.

Selamat mencoba dan semoga bermanfaat....