Cara Membuat Banner Iklan Melayang Di Bawah Blog
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/AVvXsEhhb-mua46zLblS8aq2YS6GPEJy7OuWGJNVxg7V05lWulw0A9-oIskTv3Ga8mozpJTBYFquIB_wIX_EvBXka2g6MKa1OI_0o4U_UYpW7_AX0czLO-WCBtQ1geSQxSB5Ymjgxp_WumIfdLM1/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://enoparnoabiezz.blogspot.com/p/mau-iklan-anda-tampil-diblog-ini-yap.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/AVvXsEioH_0esD3WaqUCgOT4GCVDli1AJkqFB9_I_D96sacv9007En0TZys1sl-5PtYvJLGJWjSxqp_s3CJIPKRAzdp9zldcE-Xghdk3At5k_7WnPyhbdvFSyuvKy3ZQJ3IHvlFoUn5emS_9aU_w/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-iklan-melayang-di-bawah.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Bawah Blog</a></small>
</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/AVvXsEhhb-mua46zLblS8aq2YS6GPEJy7OuWGJNVxg7V05lWulw0A9-oIskTv3Ga8mozpJTBYFquIB_wIX_EvBXka2g6MKa1OI_0o4U_UYpW7_AX0czLO-WCBtQ1geSQxSB5Ymjgxp_WumIfdLM1/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://enoparnoabiezz.blogspot.com/p/mau-iklan-anda-tampil-diblog-ini-yap.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/AVvXsEioH_0esD3WaqUCgOT4GCVDli1AJkqFB9_I_D96sacv9007En0TZys1sl-5PtYvJLGJWjSxqp_s3CJIPKRAzdp9zldcE-Xghdk3At5k_7WnPyhbdvFSyuvKy3ZQJ3IHvlFoUn5emS_9aU_w/s1600/pasang+iklan+728x90.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/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 tombol Close, 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.
5. Simpan Pengaturan.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
