Cara Membuat Banner Iklan di Footer Blog 4

Banyak cara yang dilakukan para blogger untuk mempromosikan blog atau website dari sebuah produk yang diantaranya dengan memasang banner iklan mereka di blog sendiri atau blog orang lain . Di samping dapat menghemat ruang iklan pada blog atau website , banner ini juga dapat memberikan citra profesional dan menarik pada sebuah blog . Sebenarnya banyak sekali cara dan macam dari banner ini , namun sesuai judul postingan kali ini yaitu Cara Membuat Banner Iklan di Footer Blog , dimana banner yang akan kita buat saat ini tampil di bagian footer dari blog kita.

Dan adapun Cara Membuat Banner Iklan di Footer Blog adalah:

1. Log in Ke Blogger dasbor dengan account anda.
2. Pilih Opsi lainya >>> Tata Letak .
3. Klik Tambahkan Gadget .
4. Selanjutnya Pilih dan klik HTML/Javascrip .
5. Masukan kode di bawah ini kebagian kotak konten Mengonfigurasi HTML/JavaScript.

<!-- Banner Iklan Bawah Mulai -->
<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: 103%;
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: 110px; z-index: 9999;">
<div style="text-align: right; width: 940px; height: 8px;">
<img id="closed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuTmI7QI3roWIQUs8e0qKZ2sLtc-c3QPcxksxc26hXAcy6hMlfaAcq6XYV_YpU4MnUpK1YBFkKCJ-Sd28JG8TtPEEukoIbHGzYiU4wfKgiBfawmhpSHYNj-14qQ9J4DehOAUb50sZTA7Py/s1600/close-icon.png" /></div>
<div style="clear: both;"></div>
<p>
</p><center>
<a href="http://cilimoes.blogspot.com/" rel="nofollow" target="_blank" title="Pasang Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY1N1ZbLQQXhs74DMWqprUSP5_4vWWgkWBZCf5Eqv7ID0sdXJrdQmGvuqmZIvLkWbQXcKPyui2XVJYNnNzazFd34oEiMO8Ed8beLqPHEwebGWhyphenhyphenSz9DFdckX7mw2_QBu5iJi_xILSbQwo/s1600/Iklan-2.gif" width="940" height="90" /></a>
</center>
<p></p>
</div>
<!-- Banner Iklan Bawah Selesai-->

Keterangan :

* Ganti kode yang berwarna Orange dengan Ukuran lebar yang anda inginkan.

* Ganti kode yang berwarna Biru dengan dengan ukuran tinggi yang anda inginkan.

* Ganti kode yang berwarna Hijau dengan alamat URL yang di tuju.

* Ganti kode yang berwarna Merah dengan kode URL gambar anda.

6. Klik simpan/save pada Mengonfigurasi HTML/JavaScript.

7. Pilih Simpan Setelan pada Tata Letak.

Selamat mencoba dan semoga bermanfaat....