Sobat blogger pasti ingin sekali blog sobat blogger ditawarkan pemasangan iklan pada blog sobat blogger. pemasangan iklan pada web/blog dapat mendatangkan keuntungan pada si pemilik blog. oleh karena itu sobat blogger semua mesti membuat blog yang bagus sehingga blog sobat menjadi ramai pengunjung.
Dengan ramainya pengunjung, Insya Allah akan menarik para pemasang iklan yang ingin memasang iklan di blog sobat blogger.
Saya sarankan agar sobat blogger menyediakan banner iklan melayang di blog sobat yang terletak di bawah blog sobat. kelebihan posisi ini adalah ketika halaman blog digulir, maka iklan tersebut terus mengikuti dan akan terus terlihat di halaman blog. sehingga para pemasang iklan tertarik untuk memasang iklan di blog sobat blogger.
Dengan kode script ini, iklan akan melayang di blog walaupun halaman di scroll ke atas ataupun ke bawah. Dan iklan dapat di Close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut.
Catatan :
- Artikel yang saya posting di blog ini adalah : Menggunakan Banner Iklan "728 x 90 px".
Melalui HTML/JavaScript :
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='https://sites.google.com/site/tutorialblogeno/javascript/cara-membuat-banner-iklan-tombol-close-melayang-di-bawah-blog.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/AVvXsEjtkGdABt6F174Cg8Tdt6zF__0RTJIhhyuDf4fBbAz_1wnms7jjC5t16nEDwEA61xlrIR5UlyDxoM6OdpkoFGrUbd_GSeL08u-fKqPN5m9E3NFDDMdrrdea9yuGzuZwPnLaALot8XUX5gM/s1600/CLOSE.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://tutorial-blog-eno.blogspot.com/p/pasang-iklan-di-sini.html" target="_blank" title="Pasang Iklan Di Sini"><img alt="Banner Iklan 728 x 90 px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCsSO2oxiDvBzc3usoeEOsvi5CjPj3L6b8RqxWtM-ySJgyoxZIdjc8CUbxeaRInfAa2aiIuZ2IfWhhTyotkflqt2bhYX1WheHwWSvIp5MDEH5gQTcO6ojm7UQcZtsNvG-KNyf-av_vxU/s1600/Cara+Membuat+Banner+Iklan+++Tombol+Close+Melayang+Di+Bawah+Blog.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://tutorial-blog-eno.blogspot.com/2015/01/cara-membuat-banner-iklan-tombol-close-melayang-di-bawah-blog.html" target="_blank">Cara Membuat Banner Iklan + Tombol Close 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/AVvXsEjtkGdABt6F174Cg8Tdt6zF__0RTJIhhyuDf4fBbAz_1wnms7jjC5t16nEDwEA61xlrIR5UlyDxoM6OdpkoFGrUbd_GSeL08u-fKqPN5m9E3NFDDMdrrdea9yuGzuZwPnLaALot8XUX5gM/s1600/CLOSE.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://tutorial-blog-eno.blogspot.com/p/pasang-iklan-di-sini.html" target="_blank" title="Pasang Iklan Di Sini"><img alt="Banner Iklan 728 x 90 px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCsSO2oxiDvBzc3usoeEOsvi5CjPj3L6b8RqxWtM-ySJgyoxZIdjc8CUbxeaRInfAa2aiIuZ2IfWhhTyotkflqt2bhYX1WheHwWSvIp5MDEH5gQTcO6ojm7UQcZtsNvG-KNyf-av_vxU/s1600/Cara+Membuat+Banner+Iklan+++Tombol+Close+Melayang+Di+Bawah+Blog.gif" /></a>
</center></p>
</p>
</div>
<small><a href="http://tutorial-blog-eno.blogspot.com/2015/01/cara-membuat-banner-iklan-tombol-close-melayang-di-bawah-blog.html" target="_blank">Cara Membuat Banner Iklan + Tombol Close Melayang Di Bawah Blog</a></small>
Keterangan :
- Warna orange adalah link kode "JavaScript" blog.
- Warna yellow adalah URL gambar Close, silahkan kamu ganti dengan selera yang kamu mau.
- Warna red adalah URL banner iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna orange adalah judul banner iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna lime adalah ALT gambar banner iklan, silahkan kamu ganti dengan selera yang kamu mau.
- Warna fuchsia adalah URL gambar banner iklan, silahkan kamu ganti dengan selera yang kamu mau.
5. Simpan Pengaturan.
...
» Bagi sobat blogger yang berminat ingin Memasang Iklan di blog ini : Klik Di Sini
...
Rekomendasi Untuk Kamu :
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
