Cara Membuat Iklan Melayang Di Bawah Blog ini disertai dengan tombol Close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut.
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke
blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
1. Klik
Tata Letak.
2. Klik
Tambah Gadget.
3. Pilih Gadget
HTML/Javascript.
4. Kemudian (copy & paste
Kode di bawah ini untuk memasukkan widget ini pada blog kamu).
<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:
105px; z-index: 9999;'>
<div style='text-align: right; width:
728px; height: 15px;'>
<img id='closed' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsi2bDmFCqnCpkO8YBv317V2_Vi_eOgYWa60X4ZN4CVZ2RSEJEd22Y3pnxv0xYMsEPBp6Fl76LGRQfFKCWLQaLFeTQAQOWwTKDHAlc_QiZgGD-ydpB-aEzHnss6PmBQJWiXDSY8LMLyTUD/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="
http://teknologionly.blogspot.com/2015/06/cara-membuat-iklan-melayang-di-bawah.html" target="_blank" title="
Pasang Iklan Di Sini"><img alt="
Space Iklan 728 x 90" border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjThD5MEjLmIRGn1m-4JLW2dWDuPe6X4IE-PCHwf5J3QiojxnoXF4OFH2kkfHGaQWco8t1n9AjsSds2zHzXoHsLGQpnQZesk_WFitABTzwdwMdVc9VQY-7cJeHqBwW6jqHZKlFn8q8HXu0_/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
<small><a
href="http://teknologionly.blogspot.com/2015/06/cara-membuat-iklan-melayang-di-bawah.html"
target="_blank">Cara Membuat Banner Iklan Melayang Di Bawah
Blog</a></small>
Keterangan :
- Ubah ukuran pada script berwarna biru karena kolomnya berdampingan dengan tombolClose, maka tinggi kolomnya harus lebih besar dari tinggi ukuran pada banner/gambar iklan kamu.
- Tombol Close memerlukan space kolom 15px, maka kamu buat kolom dengan ukuran : tinggi banner + 15px.
- Warna kuning adalah URL gambar Close, silahkan kamu ganti dengan selera yang kamu mau.
- Warna merah adalah URL iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna orange adalah judul iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna hijau adalah ALT gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna ungu adalah URL gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.
Title : Cara Membuat Iklan Melayang Di Bawah Blog
Description : Cara Membuat Iklan Melayang Di Bawah Blog ini disertai dengan tombol Close untuk mempermudah pengunjung ketika ingin menutup iklan ters...