Disain Grafis, Tips dan Triks

Cara Memasang Iklan Melayang + Tombol Close di Footer Blog

Cara memasang iklan melayang di footer dengan tombol close - Tutorial blog mengenai penempatan iklan di footer blog ditambah tombol close memang terlihat menarik untuk dipasang di blog. Anda pasti sering melihat di blog orang lain ada iklan melayang di footer dan juga iklan melayang di header blog. Nah untuk anda yang ingin memasang script iklan banner melayang di footer blog plus tombol close, silahkan simak tutorialnya dibawah ini.

Baca juga : Cara memasang iklan adsense di tengah artikel blog

Cara Memasang Iklan Melayang dengan Tombol Close di Footer Blog
1. Login ke blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript lalu paste kode berikut 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/AVvXsEgev6OgZc4w_0l_qYA_NH0Pho4j1AjMtTVK4xYth6R7gIrbrVM7PF9inHS_YZ1FHCfeBKol4P2ZEXCbYdX5eNsv3yX7vV6Jajt5ri1s7P5tisFNTm20YAt68FPD2mwFIcu0rtGmEUs7KdSg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://tips-erma.blogspot.com/" target=" blank"><img src="URL gambar anda" /></a>
</center></p>
</p>
</div>

Keterangan :
1. Teks warna merah adalah ukuran iklan banner
2. Teks warna biru adalah url iklan banner