Home » » Cara Membuat Iklan Melayang di Footer dengan Tombol Close

Cara Membuat Iklan Melayang di Footer dengan Tombol Close

Apabila di blog kesayangan anda akan dipasang iklan banner yang melayang di atas footer, caranya cukup mudah. Sebelum ke topik pembahasan, simak dulu postingan mengenai cara memasang iklan banner melayang diatas header.

Cara Memasang Iklan Melayang dengan Tombol Close di Atas Footer
1. Login ke blogger.com
2. Pada dashboard, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode dibawah 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/AVvXsEhkXXCsKVtnOyYCUcVWXwpCr0AXx10lZx13pjuK8V6YaHvZVcAariMd8wDk2rd2mR0E9lQB5Yh7eju9gcxjPtEqRF6jUqNcddanEHP2Y6WYBgyUvnUk5uSKNG4qIIwGYFKp0Vu7VDFV2XDM/s1600/close-icon.png'/></div>
<div style='clear: both;'></div><p><p><center>
<a href="URL blog" target=" blank"><img src="Url Iklan" /></a></center></p></p></div>

Keterangan : Ganti teks warna merah dan biru

4. Simpan


Related Posts

 
Copyright © 2011. Terlintas | Template by Creating Website | Powered by Blogger