Sabtu, 31 Agustus 2013

Membuat Iklan Melayang di Kanan Kiri Blog

Membuat Iklan Melayang di Kanan Kiri Blog. Kebutuhan akan tata letak pada template blog yang terbatas memunculkan ide untuk meletakkan iklan Floating atau Melayang di sebelah kanan dan kiri blog.

Iklan melayang di kanan kiri blog ini akan selalu dilihat pembaca karena selalu mengikuti ketika halaman di scroll hal ini akan menguntungkan pemasanga iklan/advertise karena iklannya selalu dilihat pengunjung blog. Keuntungan bagi blogger sendiri bila menggunakan iklan PPC (yang memperbolehkan iklan melayang) maka iklannya berkemungkinan besar akan di klik pengunjung.


Bagai mana cara membuat Iklan Melayang di Kanan Kiri Blog? Mudah saja caranya tidak perlu masuk ke Edit HTML yang tentunya akan sulit dilakukan oleh blooger Nubi seperti saya ini.

 Berikut script untuk memasang iklan melayang di kanan kiri blog

Langsung dari dasbor blogger pilih Tata Letak >>  Tambahkan Gadget >> Pilih HTML/Javascript kemudian masukkan kode berikut :

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script><br />
<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><br />
<!--start: floating ads masanwar.com--><br />
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom: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/AVvXsEjayVqcmltu2VPb786Kc5N4M-nApnCmgEz1s8kEp1b1QxZ8bNWxo72FkNljktw7K_4PmZwORlaG84159ToYPTB5tGUjoD3lDUiCAr9aDLk4yq_4SyB9WNAP5VEUSEuEB3is8FUmMczlDvdw/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kiri--><br />
<img src='http://4.bp.blogspot.com/-Irzy4Gp3QHQ/UQYnEo22FuI/AAAAAAAABI8/cJsJnn47t4c/s1600/banner160x600.jpg'/><br />
<!--Akhir Iklan Kiri--><br />
</div>
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">
<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayVqcmltu2VPb786Kc5N4M-nApnCmgEz1s8kEp1b1QxZ8bNWxo72FkNljktw7K_4PmZwORlaG84159ToYPTB5tGUjoD3lDUiCAr9aDLk4yq_4SyB9WNAP5VEUSEuEB3is8FUmMczlDvdw/s1600/PhoXo2.png'/></center>
</a><br />
</div>
<!--Mulai Iklan Kanan--><br />
<img src='http://4.bp.blogspot.com/-Irzy4Gp3QHQ/UQYnEo22FuI/AAAAAAAABI8/cJsJnn47t4c/s1600/banner160x600.jpg'/><br />
<!--Akhir Iklan Kanan--><br />
</div>

Setelah di paste dalam kotak script kemudian save, dan lihat hasilnya.

Demikkian sedikit tutorial dam Widget Iklan Melayang di Kanan Kiri Blog semoga bermanfaat.


Tidak ada komentar:

Posting Komentar