Cara Membuat Iklan Melayang Di Samping Blog

 

Setelah sebelumnya saya mengulas artikel cara membuat iklan melayang di tengah blog, pada kesempatan kali ini, saya akan mengulas tutorial cara memasang iklan melayang, namun di samping kanan dan kiri blog Anda.

Sebagai publisher iklan, sangat perlu diperhatikan letak penempatan iklan tersebut pada blog Anda. Langsung saja ikuti tutorial berikut :

1. Login ke akun blogger Anda DISINI

2. Klik -> Layout

3. Klik -> Add Gadget

4. Klik -> HTML/javascript

5. Letakkan kode berikut ini :

<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>

<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/AVvXsEjj4Se-gtGo7jg-EM6dUY6dUTydrzE8ikgWhmtm9AGFe0fhQEkgk7FQZ-kZjL-Fdutp30EMG5fQpy0eYJDd2O7XiJGHAFvE13j_vwt9bVPpftQKP-NPYGyTFYt5aUwYS8VCv4TyDNCO-PDa/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN KODE SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<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/AVvXsEjj4Se-gtGo7jg-EM6dUY6dUTydrzE8ikgWhmtm9AGFe0fhQEkgk7FQZ-kZjL-Fdutp30EMG5fQpy0eYJDd2O7XiJGHAFvE13j_vwt9bVPpftQKP-NPYGyTFYt5aUwYS8VCv4TyDNCO-PDa/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN KODE SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--tutorial by : http://hendrasuhendra176.blogspot.com-->

6. Klik -> Save dan selesai

Catatan :

- Sesuaikan ukuran banner iklan dengan ukuran sidebar blog Anda.

*Untuk melihat hasilnya, Anda dapat mengeceknya di sini. Pada blog percontohan tersebut, saya hanya membuat iklan melayang di sebelah kiri blog.

Selamat mencobanya. 

Demikian artikel saya mengenai cara membuat iklan melayang di samping blog kali ini. Sampai jumpa pada artikel berikutnya.

Semoga bermanfaat.