Membuat Iklan Melayang di Kanan dan Kiri Blog

Tutorial Cara membuat iklan melayang disisi kiri dan kanan Blog dengan tombol close

Cara membuat iklan melayang disisi kiri dan kanan Blog dengan tombol close - Nah pada malam hari ini saya akan memberikan tips kepada sobat Blogger yang memiliki iklan untuk dipasang disisi kiri dan kanan Blognya. Ada banyak Blog yang memberikan tutorial cara memasang iklan melayang disisi kiri dan kanan Blog, namun postingan saya ini berbeda. Apa perbedaannya? Perbedaannya terletak pada tombol closenya. Saya cari - cari Tutorial Cara membuat iklan melayang disisi kiri dan kanan Blog dengan tombol close di Google namun saya hanya menemukan satu Blog sj yang menyediakannya. Saya mencoba tutorial yang diberikan namun ternyata tombol closenya tidak berfungsi dengan baik. Iklan melayang yang berada disisi kanan dan kiri Blog cenderung membuat para pengunjung terganggu untuk membaca artikel, makanya saya akan memberikan solusinya agar pengunjung dapat menutup iklan melayang disisi kiri dan kanan Blog tersebut. Pembukanya terlalu panjang! Hehehe... Langsung saja berikut Cara membuat iklan melayang disisi kiri dan kanan Blog dengan tombol close :

• Seperti biasa, terlebih dahulu sobat harus login ke dashboard blog sobat.
• Kemudian klik layout/tata letak terus add/tambah gadget pilih HTML/JavaScript.
• Copas script berikut kemudian pastekan pada HTML/JavaScript.

<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:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQib-2zljg5ywvGZ4Iq9Y-F0Aw7uXQQ9hMtKiRC1U13FbIC6v3cYTZvWqoWGDW-ZiaOorHqpSnmc06NHs5-p1EIVDw7IDnsQNCUfAWHqpPRZYqkCXyvzo3QfEiH8nJrXuzPR3Ziqpy8QI/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

KODE IKLAN SOBAT DISINI

<!--Akhir disini-->

</div>

<!--end: floating ads-->

 <!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

 <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZQib-2zljg5ywvGZ4Iq9Y-F0Aw7uXQQ9hMtKiRC1U13FbIC6v3cYTZvWqoWGDW-ZiaOorHqpSnmc06NHs5-p1EIVDw7IDnsQNCUfAWHqpPRZYqkCXyvzo3QfEiH8nJrXuzPR3Ziqpy8QI/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai disini-->

KODE IKLAN SOBAT DISINI

<!--Akhir disini-->

</div>

<!--end: floating ads-->

• Ganti tulisan yang bercetak tebal berwarna MERAH dengan kode iklan sobat.
• Setelah itu, simpan dan lihat hasilnya!

Selamat mencoba dan semoga berhasil!