Ilmu Online Ilmu Online » Blogging » Blogspot » Membuat Banner Iklan Melayang di bawah pada Blogspot

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.

 

Hasanaji

Suka berbagi artikel seputar ; tips dan trik komputer, android, toko online, teknologi, gadget, internet, bisnis dan sesuatu hal yang penulis tahu untuk bisa dishare melalui blog ini.

More Reading

Post navigation

6 Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar DCMA dan Cara Memasang DCMA di Blog

Ciri-Ciri Template yang SEO Frendly

Cara Memasang Tool untuk Memantau Traffic Pengunjung Blog

Cara Membuat Tulisan Berjalan pada Blog