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
<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/AVvXsEgEv7cw9wbJg_kk75mUlRqe900Y73BDhZyrsPfb4XEmhFigl1JFnkB7UC4_5Sjjhyctx5veK2YxIgLQjt4Chx-_U_WZSIgdHeMu_c8TPsNE5xbZpz-QVnxHLamGGAAQ7c3zcK-I3HgkiJUM/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/AVvXsEgEv7cw9wbJg_kk75mUlRqe900Y73BDhZyrsPfb4XEmhFigl1JFnkB7UC4_5Sjjhyctx5veK2YxIgLQjt4Chx-_U_WZSIgdHeMu_c8TPsNE5xbZpz-QVnxHLamGGAAQ7c3zcK-I3HgkiJUM/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>
Langsung dari dasbor blogger pilih Tata Letak >>
Tambahkan Gadget >> Pilih HTML/Javascript kemudian masukkan kode
berikut di kotak script
Setelah di paste dalam kotak script kemudian save, dan lihat
hasilnya.
No comments:
Post a Comment