Cara Membuat Banner Melayang Bawah di WordPress, Blogger / Blogspot

Cara Membuat Banner Melayang Bawah di WordPress, Blogger / Blogspot

Cara Membuat Banner Melayang Bawah di WordPress, Blogger / Blogspot – Selain posisi iklan melayang kanan dan kiri, melayang horisontal di bawah juga menjadi salah satu posisi iklan yang strategis, karena hampir semua mata tertuju pada posisi banner yang satu ini.

Rgocasino

Posisi banner yang satu ini sebenarnya cukup mempersempit luas pandangan pembaca terhadap laman blog atau website, sehingga kali ini saya ingin share cara membuat banner melayang (floating) bawah dengan tombol close atau exit.

Cara Membuat Banner Melayang Bawah Dengan Tombol Close / Exit

Caranya adalah dengan menambahkan kode atau script, nah bagi kamu pengguna WordPress tidak perlu khawatir, karena cara ini bisa di lakukan tanpa plugin. Kode ini dapat di terapkan di WordPress, Blogger atau Blogspot.

<!– FOOTER IKLAN –>

<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’>

Bandar Q

div#btm_banner {

bottom: 0;

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: 125px; z-index: 9999;’>

<div style=’text-align: left; width: 80px; height: 20px;’>

<img id=’closed’ alt=”EXIT” src=’http://3.bp.blogspot.com/-FJbBxXlFzSM/UChDqaGbcMI/AAAAAAAACPA/Lc4uhFU639c/s320/exit.png’/></div>

<div style=’clear: both;’></div>

<p><div style=”text-align: center;”>

 

<a title=”banner” href=”URL” target=”_blank” rel=”nofollow”><img alt=”ALT IMAGE” src=”Link Banner” width=”728px” height=”90px”/></a>

 

</div>

</p>

</div>

<!– FOOTER IKLAN –>

Penjelasan:

  • Merah: adalah tinggi iklan dari layar paling bawah, semakin besar angkanya semakin tinggi posisi iklan.
  • Biru: adalah link atau url tujuan ketika banner di klik.
  • Orange: adalah alt image atau tulisan yang muncul ketika mouse di arahkan ke banner.
  • Hijau: adalah link banner, jadi kamu upload dulu bannernya kemudian di copy urlnya.

Kamu juga bisa memasang banyak banner dengan posisi tumpuk, nah jika kamu merasa kesulitan mengatur posisi banner, dengan senang hati saya akan membantu menyesuaikannya. Artikel berikut pasti menarik juga untuk kamu simak: Cara Menghilangkan Banner di Artikel Tertentu (WordPress)

One thought on “Cara Membuat Banner Melayang Bawah di WordPress, Blogger / Blogspot

  1. ady

    Terimakasih min artikelnya sangat mmbntu skali. Lama sy cari2 artikel seprti ini akhirnya ktmu juga di sini.

Comments are closed.