Saturday 31 January 2015

Cara Membuat Iklan Melayang Dengan Tombol Close


Berikut ini adalah cara membuat iklan melayang di bawah blog dengan tombol close, seperti dikutip dari http://andoxsz.blogspot.com :

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/AVvXsEhhMR0WxIkw4tzWL_c9DyZyymXvhh3_4SVMEG0NrY53IeDugNx5F6YfCs9ARqZh6_HuDk0dS3Q2XzlSjZYOEC8ppKKbMe7ikBN3hkyblsAXAIKhlw0UvPRhhqhhRIb-hcXDgMDJseNAbl4Y/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://s1328.photobucket.com/user/andoxsz/media/728x90_zps8c460f01.png.html" target="_blank"><img src="http://i1328.photobucket.com/albums/w530/andoxsz/728x90_zps8c460f01.png" border="0" alt=" photo 728x90_zps8c460f01.png"/></a>
</center></p>
</p>
</div>

5. Simpan
6. Selesai

Catatan :
  1. Ganti tulisan yang berwarna merah dengan script iklan yang anda pasang.
  2. Usahakan ukuran iklan 728 x 90 pixel


0 komentar:

Post a Comment

Copyright © 2014 HADINES | Designed With By Blogger Templates
Scroll To Top