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.

Ini adalah contoh banner iklan melayang yang ada di samping kanan kiri blog Endolita:


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 berwarna Biru dengan script banner gambar/ iklan yang mau dipasang.
• Ganti tulisan berwarna Hijau adalah 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.

Itulah sekilas pemahaman saya tentang Cara Membuat Banner Melayang Kanan dan Kiri Blog. Semoga bermanfaat. Jika mencari artikel lain yang serupa silahkan cek di bawah ini: