Membuat Iklan/Banner Melayang Dibawah Halaman

Image by www.relatecreative.com

Blog atau website yang memiliki banyak pengunjung ditambah pagerank yang tinggi dengan alexa yang ramping tentunya akan diminati oleh para advertiser untuk memasarkan produk mereka di blog tersebut, hal ini tentunya akan mendatangkan penghasilan untuk pemilik blog dengan nilai yang telah disepakati.

Rasanya tentu sangat menyenangkan mengingat usaha yang kita tekuni selama ini telah berbuah hasil dengan pundi-pundi rupiah yang terus mengalir ke rekening pribadi yang kita miliki, apakah sobat blogger tertarik dengan hal ini ?

Tentunya bukan perkara mudah untuk meraih semua itu, kita harus bekerja lebih keras dan lebih keras lagi untuk mendapatkan apa yang kita inginkan, jika semua sudah ada digenggaman maka kita tinggal menikmatinya..

• Live Demo

Kembali ke topik pembahasan yang mana pada kesempatan kali ini saya akan share tentang bagaimana cara membuat iklan/banner melayang dibawah halaman, cara yang ingin saya share sangatlah sederhana sobat tinggal copy paste kode yang sudah saya siapkan pada bagian HTML/JavaScript dengan sedikit editan untuk menyesuakan kebutuhan, berikut langkah-langkahnya :

• Masuk ke akun blogger sobat
• Setelah masuk ke blogger silahkan sobat klik ke pengaturan Tata Letak
• Klik Tambahkan Gadget
• Pilih HTML/JavaScript
• Letakkan kode dibawah pada kolom Konten

<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: 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: 105px; z-index: 9999;'>
<div style='text-align: right; width: 468px; height: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkPMhc3vMOKVSDbPjTefspm2O2cXK4kJRTeogjQcermMFikRZTayOFxtnukvBiJ2gySeWyfkAHLhd99D0P5gJ5CJ4y2PdQFGT5kmIIjoe7z9034yuGMNyOaXLbM756RAvQ9TWyAL0BS1t/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://adjieumbara.blogspot.com/" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="http://i1253.photobucket.com/albums/hh584/adjieumbara/adjie_zps00ef4abc.png" /></a>
</center></p>
</p>
</div>

• Simpan

Jangan lupa sobat ganti tulisan yang berwarna sesuai denga kebutuhan :

1. Warna merah silahkan sobat ganti dengan ukuran banner yang ingin dipasang
2. Warna biru silahkan sobat ganti dengan URL tujuan pemasang iklan
3. Warna hijau silahkan sobat ganti dengan title dan alt iklan
4. Warna orange silahkan sobat ganti dengan URL banner yang ingin dipasang/ditampilkan

Kiranya cukup jelas penjelasan diatas tentang bagaimana cara membuat iklan/banner melayang dibawah halaman blog atau website, semoga bermanfaat..