Selamat malam sobat Share Pengetahuan Malam
ini saya mau sahare lagi nih mengenai Cara Memasang
Iklan Melayang di Bawah Blog dengan Tombol Close, barang
kali sobat butuh untuk menayangkan iklanya di blog sobat
Mengenai tampilanya,
sobat bisa lihat gambar di atas. ya kurang lebih seperti itulah tampilanya
yaudah deh sob, dari
pada kelamaan mending langsung aja yuk di bahas tentang cara
pemasanganya,
1. Seperti biasa,
bukalah akun Blog Sobat
2. Masuk ke Setting (layout
atau Tata Letak) template pada blog sobat3. Pilih Add
Widget atau Tambah Gadget pilih HTML / Javascript4. Copy atau salinlah Kode Script di bawah ini, dan pastekan langsung ke widget baru blog Sobat
<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/AVvXsEge6hV-w_9JiT-bc4CzFeQo72ufSkU9Jdj8wiHXuzEyGF1drIti714M00hmtm-Ed1nlGTCFAsTnXgedXuvvAzYP_4eK0ATmk6RrQWEKiVkK9AJdi9YrAVEVox17KKlai0l8k9VeUAbxj0YM/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Iklan di sini
</center></p>
</p>
</div>
</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/AVvXsEge6hV-w_9JiT-bc4CzFeQo72ufSkU9Jdj8wiHXuzEyGF1drIti714M00hmtm-Ed1nlGTCFAsTnXgedXuvvAzYP_4eK0ATmk6RrQWEKiVkK9AJdi9YrAVEVox17KKlai0l8k9VeUAbxj0YM/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Iklan di sini
</center></p>
</p>
</div>
5. Simpan dan lihat deh hasilnya pada blog sobat
Catatan :
· Ganti lah tulisan yang berwarna merah dengan
script iklan yang sobat pasang.
· Usahakan ukuran iklan 728 x 90 pixel
cukup mudah kan sob? hehemungkin cukup itu saja yang bisa saya jabarkan disini,
semoga bisa membantu sobat, dan tentunya dapat berguna bagi sobat semuanya
Trimakasih
Post a Comment
Pembaca yang baik selalu meninggalkan jejaknya, Silahkan berkomentar dengan bahasa yang sopan ^_^
friendConnectJs/>- Dilarang berkomentar menggunakan Live Link !!!
- Dilarang promosi disini !
- Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten !!!