Jumat, September 30, 2022
BerandaBloggingBlogspotMembuat 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
Hasanajihttps://ilmuonline.net
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.
RELATED ARTICLES

6 KOMENTAR

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini

Most Popular