Pada postingan sebelumnya saya juga pernah membahas tentang cara memasang iklan banner diatas header blog, nah kali ini iklan banner akan diletakkan/ditempatkan di footer blog. Jika anda ingin membuat dan memasang iklan di footer, langsung saja yuk simak cara membuat iklan banner melayang di footer blog dengan tombol close 1x saja.
Membuat Iklan Melayang di Footer Blog dengan Tombol Close 1x
1. Login ke blogger.com
2. Pada dashboard, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode berikut kedalamnya
<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/AVvXsEhg_Snk3pR8Rzq_miDFDjg9cyYrwHYynCe_ojHa7YOih-Xrhzu0cNmgN02j4vnIQjbi2mNuWZ3xhmhiKimPXjspci3Ovc3HzLWIMkPJkmBFIUXzSPuLL91bDCpl_m_PH-GsmjB9oEYpXrVQ/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Tujuan Jika Diklik" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPLfMUIl7GgymJxILB6RGv4duwf2Dpy64rry5VvgdH8fETXMv9K8QM4DHDXh8i9jeJuuLjpYYPLjVT1ycjjYFpmRCzK-CvKVcLbqKENUhzPeufo-QFtCsyWlJjjK5sJTUCywtV3D9Bo8/s1600/banner-728x90.jpg" /></a>
</center></p>
</p>
</div>
Keterangan :
1. Teks warna merah adalah ukuran iklan banner
2. Teks warna biru adalah url tujuan iklan banner jika diklik
3. Teks warna kuning adalah Url iklan banner
SILAHKAN MENCOBA :D KALAU KURANG MENGERTI SILAHKAN KOMEN
Belum ada tanggapan untuk "CARA MEMASANG IKLAN MELAYANG DI FOOTER DENGAN TOMBOL CLOSE"
Post a Comment