Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Cara membuat floating ads pada blog

14 Januari 2014 | 01:16 WIB Last Updated 2021-08-02T18:17:48Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Sebenarnya cukup mudah untuk membuat widget floating ads pada blog dan kegunaan floating ads ini pun sangat efektif bila ditaruh banner iklan disamping maupun kanan.

Berikut caranya:
Login ke blogger >" Tata Letak " > Gadget & HTML/Javascript
Copy kode widget berikut

<!-- floating ads-->
<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: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='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

SCRIPT IKLAN

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads -->

<!--start: floating ads -->
<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='http://3.bp.blogspot.com/-gwsFvgzCBDE/UC5jBenZUoI/AAAAAAAACLU/xlY3lJEl2IY/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

SCRIPT IKLAN

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads -->
<!-- end: floating ads  -->


Klik save/ simpan.
Selesai deh..  
Semoga bermanfaat dan selamat mencoba.
 
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +