Apakah Sobat Edi Balongan pernah
melihat iklan banner melayang di bawah halaman web? Coba lihat ke bawah pada
blog saya ini.
Sekarang kita akan belajar membuat iklan float atau
melayang di bagian footer blog. Saat blog terbuka, iklan banner akan
langsung tampil di footer blog dan terus mengikuti saat discroll ke bawah. Ada tombol close atau
keluar untuk menghilangkan iklan bagi yang tidak menghendaki.
Blog yang potensial yaitu blog yang pengunjungnya ramai bisa dipasangi iklan, karena potensial untuk diklik dan menghasilkan rupiah. Iklan melayang di footer ini bisa memaksimalkan pendapatan dari blog. Cara untuk membuat iklan melayang di bagian footer blog juga mudah, tidak perlu sampai mengedit template blog. Tertarik untuk mencobanya?
Cara Membuat Iklan Melayang Di Footer Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
Blog yang potensial yaitu blog yang pengunjungnya ramai bisa dipasangi iklan, karena potensial untuk diklik dan menghasilkan rupiah. Iklan melayang di footer ini bisa memaksimalkan pendapatan dari blog. Cara untuk membuat iklan melayang di bagian footer blog juga mudah, tidak perlu sampai mengedit template blog. Tertarik untuk mencobanya?
Cara Membuat Iklan Melayang Di Footer Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<!-- 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'>
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: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='http://dc586.4shared.com/download/ZVr24bdDce'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
LETAKAN SKRIP IKLAN DISINI
<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: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='http://dc586.4shared.com/download/ZVr24bdDce'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
LETAKAN SKRIP IKLAN DISINI
<!-- KODE
IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
5. Simpan jika sudah selesai
Sobat dapat mengeditnya sendiri untuk menyesuaikan dengan ukuran banner dan kode iklan, warna merah adalah kode yang dapat sobat ganti. Setelah terpasang, maka iklan banner akan muncul di footer blog, jangan khawatir, iklan ini ada pilihan close atau keluar jadi tidak terlalu menggangu pembaca blog.
Semoga bermanfaat
2 komentar:
masih bisa gak nih ?
trus kalau dipakai, bisa kena banned gak ya ?
Tergantung kebijakan masing2 broker iklan gan,baca dulu ketentuan masing2 broker
Posting Komentar