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
<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 -->
Selesai deh..
Semoga bermanfaat dan selamat mencoba.