Cara Membuat Banner Iklan Melayang di Kanan dan Kiri Blog

Banner adalah sebuah gambar yang dipasang untuk mempromosikan suatu produk/ acara tertentu. Bisa berupa iklan, informasi, maupun media promosi lainnya. Kali ini saya akan membahas cara penempatan banner di halaman blog. Karena seperti kita ketahui kadang karena keterbatasan ruang, kita bingung untuk menempatkan banner tersebut. Terlebih jika ukuran banner tersebut terbilang cukup besar.

Namun kita bisa memaksimalkan penempatan banner tersebut dengan memasangnya di samping kanan atau kiri halaman blog kita. Keuntungannya memakai banner dengan cara seperti itu adalah, pengunjung akan selalu melihat banner tersebut dan akan terus mengikuti ruang halaman meskipun pengunjung menggeser scrollnya ke atas ataupun ke bawah. Biasanya penempatan banner seperti ini dipakai untuk memasang iklan atau advertising, meskipun cara tersebut sebenarnya melanggar kebijakan program PPC. Namun untuk iklan iklan mandiri yang berani membayar mahal, penempatan iklan seperti itu tidak dipermasalahkan.

Lalu bagaimana cara memasang Banner Iklan Melayang tersebut?

Cara Memasang Banner Melayang di Kanan dan Kiri Blog:

1. Login ke akun Blogger
2. Pilih Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
3. Copy Paste script 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>
    <!--start: floating ads-->
    <div id="teaser2" style="width:auto; height:auto; text-align:left; display:scroll;position:fixed; top:20px;left:10px;">
    <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->
    <!--start: floating ads-->
    <div id="teaser3" style="width:auto; height:auto; text-align:right; display:scroll;position:fixed; top:20px;right:0px;">

    <!--Mulai-->
<a href='URL-Tujuan' title='Judul Iklan'><img src='URL-Gambar/banner'/></a>
    <!--Akhir-->
    </div>
    <!--end: floating ads-->

Catatan:

• Ganti tulisan berwarnaBirudengan script banner gambar/ iklan yang mau dipasang.
• Ganti tulisan berwarnaHijauadalah jarak banner dengan sisi kiri kanan halaman blog.

Simpan Template, kemudian cek di halaman utama blog untuk memastikan bannernya sudah muncul di samping kiri kanan.


Atau

Untuk Adsense

<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/AVvXsEgm6wcYFMJCWupSpO6suwNJQARf8pMzXrSEH6nViW98dOtlwK71qzXrlDCYAHge_uifAV2cUHU5e0b2RL_o5Vu6MZKS_G3jN0tJjCh3EhQd-E2BgZvnmPpfCnrc9OEUJiOZA-ZLC-F6AUjt/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai disini-->

- Letakan Kode Iklan Anda 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/AVvXsEgm6wcYFMJCWupSpO6suwNJQARf8pMzXrSEH6nViW98dOtlwK71qzXrlDCYAHge_uifAV2cUHU5e0b2RL_o5Vu6MZKS_G3jN0tJjCh3EhQd-E2BgZvnmPpfCnrc9OEUJiOZA-ZLC-F6AUjt/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai disini-->

- Letakan Kode Iklan Anda Disini

<!--Akhir disini-->
<!--end: floating ads--></div>

Share this post