
Dengan menambahkan space iklan di footer yang melayang, harapanya bisa mengundang nilai klik iklan ketimbang memasang iklan di widget biasa yang mungkin tidak begitu menarik dengan ruang pandang yang terbatas.
Cara Membuat Iklan Melayang di /Bawah Footer dengan Tombol Close
Untuk membuat ikan ini, sobat ndak perlu mengotak-atik HTML code di dasbord blogger, yakni hanya dengan menambahkan widget baru di blog yang ingin dipasang iklan. Berikut detail caranya :
1. Silahkan login ke blog anda.
2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.
3. Pilih HTML / Javascript
4. Kemudian copy pastekan kode berikut di dalamnya.
<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 {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-xW-qGz2hC46K9d6vYAuMhsVrT6Sn4ybPj8qexVUipBC-p88pl1Dg0FIM6veU-RxOraZCuHNwyOevmm9PcHfASiS4thYAaaWNcArVR8Goa9GQCNrYR4m8QK8Q8Y9EMgiy_4bihdLrY4m/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Masukan script iklan anda disini
</center></p>
</p>
</div>
5. Save Widget tersebut.
NB : Pada teks yang berwarna merah, ganti dengan scipt kode iklan yang sobat punya.
0 komentar:
Post a Comment