Kamis, 14 Juni 2012

Memasang Iklan Banner Footer Melayang dg Tombol Close

Kepolover - Bagi agan sekalian yang ingin memasang iklan pada footer kayak yang ada di situs Vivanews, Kompas, atau Kapanlagi.com, Detik.com, Liputan6.com dll maka kalian bisa menggunakan cara ini. Cara yang dimaksud adalah cara Memasang Iklan Banner Footer Melayang dg Tombol Close. Nah untuk screeshoot hasilnya bisa kalian lihat pada gambar berikut:


Pada screenshoot tersebut memang terlihat kecil dilengkapi dengan tombol close elegan pada bagian kanan atas. Hal tersebut memang sengaja dibuat pendek dan memanjang karena iklan banner footer biasa diletakkan pada bagian bawah sebuah web/blog dan bersifat bersifat floating atau melayang. Lihat saja situs-situs besar yang sudah mendapatkan iklan, mereka kerap kali Memasang Iklan Banner Footer Melayang dg Tombol Close.

Nah, untuk cara membuatnya sangat mudah. Untuk blogger kita tinggal menambahkan widget HTML/Javascript baru lalu copas kodenya. Nah lebih jelasnya langkah-langkahnya sebagai berikut:

1. Login ke akun blogger kalian.
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
    HTML/Javascript
5. Copas kode dibawah ini.
<!-- AWAL 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: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE BANNER IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
6. Save dan lihat hasilnya

Mudah kan?, silahkan mencoba dan semoga bermanfaat.

Source: wikibagus.com

3 komentar

kalau u/ dipasang di wordpress gimana ya Gan???

makasih tipsnya gan saya coba dulu di blog ane,, semoga lancar aja,
salam sukses mautau.net

makasih tutorialnya, bikin saya tau bagaimana cara memasang iklan


EmoticonEmoticon