Kali ini postingan saya akan membahas tentang Cara Membuat Iklan / Gambar Melayang Di Footer Dengan Tombol Close.
Salah satu keunggulan dari memasang iklan /gambar pada footer blog adalah iklan /gambar sobat dapat dilihat lebih jelas pada setiap postingan. Cara ini dianggap lebih unggul daripada memasang iklan pada sidebar. Ini karena pengunjung akan lebih banyak melihat ke bawah saat sedang membaca postingan atau ingin berkomentar daripada melihat ke samping.
Nah, bagi sobat yang memasang iklan /gambar melayang dengan tombol close pada footer blog sobat, silahkan baca dengan seksama tutorial yang saya tulis di bawah ini :
1. Login ke Blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Kemudian salin kode di bawah ini
<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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfzdLggxojKDeHEPZNhne9EvESCyFRhVwVW7t6e_iGD0ZLwSM8ms4V4O6h8OYXlSvpWSKJdlF0bMLsqhRoSKCjYnZipDMOh-wOVUwZOoJnaCUTH6tEfnAB4jsUWacA3_8r-3ZPL_5drKA/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Masukan script iklan anda di sini
</center></p>
</p>
</div>
</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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfzdLggxojKDeHEPZNhne9EvESCyFRhVwVW7t6e_iGD0ZLwSM8ms4V4O6h8OYXlSvpWSKJdlF0bMLsqhRoSKCjYnZipDMOh-wOVUwZOoJnaCUTH6tEfnAB4jsUWacA3_8r-3ZPL_5drKA/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Masukan script iklan anda di sini
</center></p>
</p>
</div>
4. Ganti kode yang berwarna merah dengan script iklan anda.
5. Kode yang berwarna biru adalah panjang dan lebar iklan yang akan ditampilkan.
6. Klik Simpan.
Sekian artikel Cara Membuat Iklan /Gambar Melayang Di Footer Dengan Tombol Close. Semoga bisa membantu.
0 komentar:
Catat Ulasan