Cara Membuat Script Pop-up atau Floating/Melayang di Blog

Cara Membuat Script Pop-up atau Floating/Melayang di Blog

Hai sobat Blog-TutorialPlus, untuk membuat tampilan iklan kita menarik perhatian pengunjung, ada baiknya sobat mencoba memasang Script Pop-up atau Floating/Melayang. Namun ingat yah, gunakan secara wajar karena terkadang untuk iklan tertentu hal ini tidak diperbolehkan. Misalkan saja sobat menjadi publisher dari salah satu situs periklanan terkemuka di Indonesia seperti KlikSaya.com. Menurut TOS dari KlikSaya.com sobat tidak diperbolehkan memasang Script Pop-up atau Floating/Melayang di Blog sobat walaupun itu digunakan untuk iklan dari Publisher lain.

Bagaimana Cara Membuat Script Pop-up atau Floating/Melayang di Blog?

Caranya sangat mudah sekali, sobat tinggal copy script berikut kemudian masukkan di gadget blog sobat. Script nya sebagai berikut.

<!-- floating ads TANPA HARUS EDIT TEMPLATE BLOG LANGSUNG PASANG DI GADGET http://blog-tutorialplus.blogspot.com-->
<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 http://blog-tutorialplus.blogspot.com-->
<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/AVvXsEjRfgZRsJ5B2GFVlasWJMnnSiMI_oTkBFJnXh8Fkg5iFR7vhfHkm0jWBKcVRhxCjga6ixoph_-m-eT_EE-4azLKEwKM-wDc0bfNonqo2Sk4ZbRpryaJ4HsvCsvdoiEsEk30_RzCf5NBmDHx/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads http://blog-tutorialplus.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<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/AVvXsEjRfgZRsJ5B2GFVlasWJMnnSiMI_oTkBFJnXh8Fkg5iFR7vhfHkm0jWBKcVRhxCjga6ixoph_-m-eT_EE-4azLKEwKM-wDc0bfNonqo2Sk4ZbRpryaJ4HsvCsvdoiEsEk30_RzCf5NBmDHx/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads http://blog-tutorialplus.blogspot.com-->
<!-- end: floating ads http://blog-tutorialplus.blogspot.com -->

Mau tahu penampakannya atau hasilnya seperti apa? Nih lihat gambar berikut..

Semoga bermanfaat yah..