Blog yang potensial yaitu blog yang pengunjungnya ramai sanggup dipasangi iklan, alasannya yaitu potensial untuk diklik dan menghasilkan rupiah. Iklan melayang di footer ini sanggup memaksimalkan pendapatan dari blog. Cara untuk menciptakan iklan melayang di bab footer blog juga mudah, tidak perlu hingga mengedit template blog. Tertarik untuk mencobanya?
Cara Membuat Iklan Melayang Di Footer Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan isyarat HTML berikut ini:
<!-- FOOTER IKLAN -->
<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: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnf4anTGMYooLA_Z1kMu9g9Fu0aUdekF8t-3dp8oZqdr845cz4Ij44Kj6Y7TnB4rmANuGBJc03saonWwYzH_JHsEF8Jz2o6OTkpgTqoWDfvnGYN1TD1qu2EcuMSFBDSP5vcmFeOPRmBY/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
<a href="http://kurniasepta.blogspot.com/" target=" blank"><img src="http://oceansdev.mit.edu/wp-content/uploads/page-news.jpg" /></a>
<!-- KODE IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
<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: 67px; z-index: 9999;'>
<div style='text-align: right; width: 983px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMnf4anTGMYooLA_Z1kMu9g9Fu0aUdekF8t-3dp8oZqdr845cz4Ij44Kj6Y7TnB4rmANuGBJc03saonWwYzH_JHsEF8Jz2o6OTkpgTqoWDfvnGYN1TD1qu2EcuMSFBDSP5vcmFeOPRmBY/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
<a href="http://kurniasepta.blogspot.com/" target=" blank"><img src="http://oceansdev.mit.edu/wp-content/uploads/page-news.jpg" /></a>
<!-- KODE IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
5. Simpan jikalau sudah selesai
Kamu sanggup mengeditnya sendiri untuk menyesuaikan dengan ukuran banner dan isyarat iklan, warna merah yaitu isyarat yang sanggup kau ganti. Setelah terpasang, maka iklan banner akan muncul di footer blog, jangan khawatir, iklan ini ada pilihan close atau keluar jadi tidak terlalu menggangu pembaca blog.
Sumber https://www.kurniasepta.com/
