cara membuat iklan melayang

Untuk membuat iklan melayang atau pop-up di kanan kiri blog sangatlah mudah. Anda pasti sudah pernah melihat pemasangan iklan disamping blog, yang digunakan oleh beberapa  blogger karena akan memperhemat tempat pada blog.

Biasanya iklan ditempatkan di widget dan ada juga yang menempatkan iklan di dalam postingan, baik di atas, tengah, maupun di bawah postingan (artikel). Semua tergantung selera sipembuat blog tersebut. Tapi kali ini kita akan membahas cara memasang iklan melayang di samping kanan kiri blog.

Lokasi penempatan iklan sangat berpengaruh terhadap iklan tersebut apakah berkinerja dengan baik atau tidak. Tampilan iklan jenis ini akan selalu kelihatan meskipun scroll browser di naik turunkan karena akan melayang dan berada di Samping kanan dan kiri Blog. Namun jika iklan ini sampai menghalangi konten Blog, maka akan sangat mengganggu  sipengunjung. Maka dari itu dilengkapi dengan tombol close agar dapat ditutup demi kenyamanan pengunjung Blog.

Untuk Demonya bisa anda coba disini dengan mengcopypastekan kode iklan dibawah lalu hapus semua yang ada di dalam kotak HTML Editor dan pastekan kode tadi dan klik preview untuk melihat hasilnya

Hanya dengan beberapa langkah, maka Iklan Melayang tersebut sudah bisa terpasang pada Website atau Blog Anda. Berikut ini cara membuat iklan di blog.

1. Masuk ke Blogger.com
2. Klik Tata Letak => Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah 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>

<!--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/AVvXsEjFHGFPyvPfFWa6fpsAQ6CzJF3EIscDzVNVmq1sPa_GABGFfkOs7sDkfqrPA4j6zBzPgYn59Ec6Fc9N3t4bchmqaDhHh53-TV6I-4FugMJCl-ar6xA1pfQobCbEa0FIJsTyrsNYVRi3SDR5/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->
<a href="http://tutorwidget.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUrTfPCe0uJXajL4vDdDyVhyphenhyphenEvxDknd_hjgJXClaH4iXKuxU4LPmlX6EfmQOaqzClGyAa8e6tDyCHakVwXOiY9G5lDLF-oM4Eh4JO6KBP3RdbIuUruMt52AFhCUQ7Z4kxFD_ZAYZ6aQqNW/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kanan" title="Pasang Iklan Murah" /></a>
<!--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/AVvXsEjFHGFPyvPfFWa6fpsAQ6CzJF3EIscDzVNVmq1sPa_GABGFfkOs7sDkfqrPA4j6zBzPgYn59Ec6Fc9N3t4bchmqaDhHh53-TV6I-4FugMJCl-ar6xA1pfQobCbEa0FIJsTyrsNYVRi3SDR5/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->
<a href="http://tutorwidget.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUrTfPCe0uJXajL4vDdDyVhyphenhyphenEvxDknd_hjgJXClaH4iXKuxU4LPmlX6EfmQOaqzClGyAa8e6tDyCHakVwXOiY9G5lDLF-oM4Eh4JO6KBP3RdbIuUruMt52AFhCUQ7Z4kxFD_ZAYZ6aQqNW/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kiri" title="Pasang Iklan Murah" /></a>
<!--Akhir disini-->
</div>
<!--end: floating ads-->

• Note : text yang berwarna Merah ganti dengan kode script iklan yang mau di pasang.

5. SAVE. lihat hasilnya.

Bagaimana mudah bukan cara membuat iklan melayang kanan kiri di blog.