Cara Pasang Banner Floating di Bawah Blog

Advertisement

Banner adalah sebuah media yang seringkali digunakan untuk mempromosikan / beriklan sebuah blog, situs, usaha, bisnis, ataupun hal-hal lainnya yang dipajang di dunia maya. Biasanya banner tersebut dibuat dan didesain sendiri oleh si pemilik agar tampak menarik perhatian para pembaca di internet. Ukuran yang dipakai juga beraneka ragam, mulai dari ukuran yang kecil hingga yang besar sekalipun.

Bagi para pebisnis, banner merupakan cara yang jitu untuk memperkenalkan bisnisnya. Biasanya mereka akan memasang banner tersebut di berbagai tempat, baik di situs pribadinya sendiri maupun di forum-forum, media sosial, dan blog-blog yang menerima pemasangan banner iklan.

Dari pengalaman pribadi, umumnya posisi yang paling banyak dicari adalah posisi floating. Apa itu floating? Floating adalah posisi strategis untuk memasang banner yang mana nantinya banner tersebut akan tampak selalu mengambang, meskipun halaman browser di roll ke atas ataupun ke bawah banner akan tetap pada posisinya. Hal ini memang banyak disukai bagi para pemasang iklan, sebab, banner akan selalu berada di depan mata pembaca sebelum tombol close pada banner tersebut diklik.

Baca Juga:

• Cara Mengatasi Feed Blogger Error 404 
• Trik Jitu Agar Blog Kebanjiran Pengunjung 
• Trik Jitu Menaikkan Earning Google Adsense

Ada sisi positif ada pula sisi negatifnya. Positifnya seperti yang aku ungkap tadi, bahwa banner akan selalu ada di depan mata pembaca, sehingga memungkinkan pembaca akan tertarik untuk mengklik bannernya. Sedangkan sisi negatifnya, tentunya banner ini akan menghalangi pembaca yang ingin membaca artikel di situs kita. Maka bagi mereka yang merasa jemu akan segera meninggalkan situs tersebut.

Tapi disini aku hanya ingin berbagi bagaimana caranya memasang banner floating tersebut di blog kita. Nah, bagi sobat Penghuni 60 yang berencana ingin memasang banner floating di bagian bawah blog, berikut ini adalah langkah-langkah untuk memasangnya:

1. Silahkan login ke akun Blogger Anda
2. Pada dasboard pilih Opsi Tata Letak
3. Cari Tata Letak Gadget yang paling bawah lalu klik Tambahkan Gadget
4. Pilih HTML/JavaScript
5. Pada kolom kosong yang disediakan silahkan masukkan (copas) kode di bawah ini, kemudian pilih Simpan

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 20px;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'><img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkBUXpnJ_qspEuoP37H_aRYuFuoJllkv8mWA6P193kQy0S5L7ImDZQOmHbgTenH6M8azkPQBA2uoMZGoDn3IflEgnGBjUmGiOEs6k6IeMtYVyKJOK-kEie-fK3WKmzgPqdvYyg9EA_CGk/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

MASUKKAN KODE BANNER ANDA DISINI

</center></p>
</p>
</div>

Keterangan:

• Kode diatas adalah untuk ukuran banner 728 x 90, dengan panjang 728px dan tinggi 90px. Jika Anda ingin menggantinya untuk ukuran banner yang lain, maka silahkan Anda rubah angka yang diberi warna hijau.
• Ganti tulisan yang berwarna biru dengan kode banner yang ingin Anda pasang.

Itulah cara pasang banner floating di bawah blog, cukup mudah bukan? Kode diatas sudah dilengkapi dengan tombol close, sehingga tidak akan membuat para pengunjung blog merasa kesulitan untuk menghilangkannya. Contohnya bisa Anda lihat sendiri di bagian bawah blog ini.

---

---

---

Artikel Menarik Lainnya: