Cara Memasang Iklan Melayang di Bawah Blog
Postingan kali ini saya akan membahas tentang Cara Memasang Iklan Melayang di Bawah Blog. Langsung saja.
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXefU3EYg9tIuTV5w1FZszhK-NWxJSp9QKhdA-W80Ev1g8ZpXvc_EC_RMTlOkQ0m6xf9U40fbSUfFB-ntWjD11VE0Krnju2RpMGVKJTIEyuYooWgW8OJcJcdLyQObEUgtuoo8xPyjSg5R/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="https://www.facebook.com/pages/Pengetahuan-dan-Informasi/127814493968352" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXoALJaStO_ZAKbL42Zg2mvRCiIcOYvdCb9Ywbq3fV67iIz8aA9V-JNNaTGosaDMcegbSxiiYxZx6ZKr2Nr7yzchQzs0ZJEQpcFICTNMH5a1_QXgbMEDIdwRsA0J4HQYL52x9uA6d_z_4/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
6. Ubah script berwarna merah dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 30px. Maka sobat buat kolom dengan ukuran: tinggi banner + 30px.
8. Klik simpan, dan selesai.
# Jika tombol close tidak berfungsi, itu berarti area untuk tombol close kurang tinggi. Silakan tambah lagi tingginya.
Sebenarnya tombol close ini bisa disimpan diatas kanan atau disamping kanan iklan. Untuk disamping kanan, tinggal tambah ukuran lebarnya. Untuk selebihnya, silakan ulik sendiri OK.
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMXefU3EYg9tIuTV5w1FZszhK-NWxJSp9QKhdA-W80Ev1g8ZpXvc_EC_RMTlOkQ0m6xf9U40fbSUfFB-ntWjD11VE0Krnju2RpMGVKJTIEyuYooWgW8OJcJcdLyQObEUgtuoo8xPyjSg5R/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="https://www.facebook.com/pages/Pengetahuan-dan-Informasi/127814493968352" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXoALJaStO_ZAKbL42Zg2mvRCiIcOYvdCb9Ywbq3fV67iIz8aA9V-JNNaTGosaDMcegbSxiiYxZx6ZKr2Nr7yzchQzs0ZJEQpcFICTNMH5a1_QXgbMEDIdwRsA0J4HQYL52x9uA6d_z_4/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
6. Ubah script berwarna merah dengan script iklan sobat.
7. Ubah ukuran pada script berwarna biru. Karena kolomnya berdampingan dengan tombol close, maka tinggi kolomnya harus lebih besar dari ukuran tinggi pada banner/gambar iklan sobat. Tombol close memerlukan space kolom 30px. Maka sobat buat kolom dengan ukuran: tinggi banner + 30px.
8. Klik simpan, dan selesai.
# Jika tombol close tidak berfungsi, itu berarti area untuk tombol close kurang tinggi. Silakan tambah lagi tingginya.
Sebenarnya tombol close ini bisa disimpan diatas kanan atau disamping kanan iklan. Untuk disamping kanan, tinggal tambah ukuran lebarnya. Untuk selebihnya, silakan ulik sendiri OK.
Comments
Post a Comment