Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Banner Iklan Melayang Di Kanan Dan Kiri Blog


Banner yakni sebuah gambar yang dipasang untuk mempromosikan suatu produk/ kegiatan tertentu. Bisa berupa iklan, informasi, maupun media promosi lainnya. Kali ini saya akan membahas cara penempatan banner di halaman blog. Karena menyerupai kita ketahui kadang alasannya keterbatasan ruang, kita gundah untuk menempatkan banner tersebut. Terlebih kalau ukuran banner tersebut terbilang cukup besar.

 Banner yakni sebuah gambar yang dipasang untuk mempromosikan suatu produk Cara Membuat Banner Iklan Melayang di Kanan dan Kiri Blog

Namun kita dapat memaksimalkan penempatan banner tersebut dengan memasangnya di samping kanan atau kiri halaman blog kita. Keuntungannya menggunakan banner dengan cara menyerupai 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 menyerupai ini digunakan untuk memasang iklan atau advertising, meskipun cara tersebut sebetulnya melanggar kebijakan kegiatan PPC. Namun untuk iklan iklan dapat bangun diatas kaki sendiri yang berani membayar mahal, penempatan iklan menyerupai itu tidak dipermasalahkan.

Ini yakni pola banner iklan melayang yang ada di samping kanan kiri blog Endolita:

 Banner yakni sebuah gambar yang dipasang untuk mempromosikan suatu produk Cara Membuat Banner Iklan Melayang di Kanan dan Kiri Blog

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 goresan pena berwarna Biru dengan script banner gambar/ iklan yang mau dipasang.
  • Ganti goresan pena berwarna Hijau yakni 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 perihal Cara Membuat Banner Melayang Kanan dan Kiri Blog. Semoga bermanfaat. Jika mencari artikel lain yang serupa silahkan cek di bawah ini: