Tempatnya Ilmu Internet

Membuat Banner Iklan Melayang di bawah pada Blogspot

Sesuai permintaan temen blogger, di salah satu commentar blog ini kalau dia ingin membuat banner iklan melayang di bawah blog dengan blogspot, maka saya mencoba share aja disini ya siapa tahu sobat ilmuonline yang lain juga mbutuhin untuk dipasang banner iklan di blogspotnya masing-masing. dengan begitu tentunya harapanya bisa menambah  pemasukan bagi pemilik blog, jika ternyata banner iklannya laku, tapi banner ini juga bisa sobat manfaatin buat promosi jualan /blog sobat lainnya.

membuat banner iklan melayang

Oke saya kira basa-basinya sudah ya :D, selanjutnya ke materi cara membuat banner iklan melayang di bawah blog dengan blogspot bisa sobat simak penjelasan berikut ini :

– Silahkan masuk ke dasboard blogger /blogspot masing2, kemudian klik menu Tata Letak / Layout.

– Kemudian tambahkan widget baru di sembarang tempat

– Pilih widget mode HTML /Java Script, kemudian copy pastekan kode berikut didalamnya
<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=’http://2.bp.blogspot.com/-hYFujyqKDkU/UZ7lZpmcXmI/AAAAAAAAA7w/9JKLAnyDMGU/s1600/tombol+close.png’/></div>
<div style=’clear: both;’></div>
<p>
<p><center>

<a href=”https://ilmuonline.net” target=”_blank” title=”Pasang banner iklan disini”><img alt=”Pasang Iklan Anda Disini” border=”0″ src=”http://1.bp.blogspot.com/-fj-7-bNXkF4/UZ7mKoa8VmI/AAAAAAAAA78/UYJMbDOvq4g/s1600/banner+728×90.gif” /></a>

</center></p>
</p>
</div>

 

Atau download /copy scriptya disini

– Ganti script teks pasangiklan disini dengan kode/script iklan milik sobat masing-masing

– Dalam contoh diatas, ukuran banner iklan adalah 728 x 90px utk iklan di tambah space tombol close 15px, jadi jika ingin merubah ukuran banner iklan dengan ukuran yang di inginkan.

 

6 Comments
  1. Ic Creem says

    Wahh sangat bermanfaat sobat … ane coba dulu dehh ….

    1. IlmuOnline says

      Silahkan sob, thanks udah mampir.

  2. Pairin says

    Oke sip, saya coba dengan hati-hati,, makasi bro 😀

    1. IlmuOnline says

      @Pairin : sama-sama sob, semoga terbantu.

  3. Firman says

    keren templatenya

  4. aan says

    mantap, kak.. terima kasih… harusnya bisa pakai untuk mempercantik web nya

Leave A Reply

Your email address will not be published.