Notification

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

Kategori Berita

TRENDING TERKINI

Adsense Responsif

TAG TERPOPULER SAAT INI

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdO9y17Ms1epX8Hqn_Dw04M2txEX5d0-Ox8q7IVW6UgJ13XQyrfAvwnOSkX-zURhUbt_IgdLoRrkszjZv00rWjdKVHYEgNQhgoOuaKi2fxY_RM53V5f7FZcEq0HL3NDl2L4NUWhMLALSrU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdO9y17Ms1epX8Hqn_Dw04M2txEX5d0-Ox8q7IVW6UgJ13XQyrfAvwnOSkX-zURhUbt_IgdLoRrkszjZv00rWjdKVHYEgNQhgoOuaKi2fxY_RM53V5f7FZcEq0HL3NDl2L4NUWhMLALSrU/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.
 
Jika artikel ini bermanfaat jangan lupa bantu kami dengan cara klik "LIKE" atau "SHARE" ya, terima kasih.

Ingin cari Loker?
Yakin tidak mau baca ini?
Komentar Anda
Rekomendasi Untuk Anda × +