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.

cara membuat banner melayang di kanan dan kiri blog, cara memasang banner melayang di kanan dan kiri blog, cara membuat iklan melayang di kanan dan kiri blog, cara memasang banner melayang di kanan dan kiri blog,   endolita.blogspot.com

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:

cara membuat banner melayang di kanan dan kiri blog, cara memasang banner melayang di kanan dan kiri blog, cara membuat iklan melayang di kanan dan kiri blog, cara memasang banner melayang di kanan dan kiri blog,   endolita.blogspot.com

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:

Artikel Terkait

Cara Membuat Banner Iklan Melayang di Kanan dan Kiri Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email