Cara Memasang Iklan Melayang di Bawah Blog dengan Tombol Close

1. Seperti biasa, bukalah akun Blog Anda kawan
2. Masuk ke Setting (layout atau Tata Letak) template blog anda.
3. Pilih Add Widget atau Tambah Gadget pilih HTML / Javascript
4. Copy atau salinlah Kode Script di bawah ini, dan pastekan langsung ke widget baru blog anda

<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/AVvXsEjXsAldYxL3ZKBPK1YmO-OIZutTrmb6NWWqp-xYBojzf-CuHg8LDX_BotX5pNsia1KQyh060oX7iAU7O5ZfBmxlQlxi_kB6L_61KkM44_JNH4dl7qybhA-Yz1Tq1Bg0gDWQhkOuCDLsPyxH/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://xxxdesainblogxxx.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBx6Qix5SIFXawjW4MCt6Fa_Vq7wBPzLTo_BSPYhvZx9_VyBdeioU9uUkAzk0YUUvPYw66t6GM_ldgC_gAjYPvQv0wbPUuaVC4R-rFAaGtG3cLLFEHIIo65Lzfw4Du5B6_6X2p4E4Hsik/s1600/budaya-suku-batak-becak-siantar.pngg" width="728" height="90" alt="Pasang Iklan Anda Disini" />
</center></p>
</p>
</div>

5. Simpan
6. Selesai

Catatan :

1. Ganti lah tulisan yang berwarna merah dengan script iklan yang anda pasang.
2. Usahakan ukuran iklan 728 x 90 pixel
3. Lihat disini hasilnya sebagai pertimbangan anda atau lihat di bawah blog ini.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 16.06 and have 0 komentar