 |
| Motivator sakti |
Apakah kamu pernah melihat iklan banner melayang di bawah halaman web? Sekarang kita akan belajar. Cara termudah membuat Iklan Melayang Di Footer Blog pribadi Saat blog terbuka, iklan banner akan langsung tampil di footer blog dan terus mengikuti saat discroll ke bawah. Ada tombol close atau keluar untuk menghilangkan iklan bagi yang tidak menghendaki.
Blog yang potensial yaitu blog yang pengunjungnya ramai bisa dipasangi iklan, karena potensial untuk diklik dan menghasilkan rupiah. Iklan melayang di footer ini bisa memaksimalkan pendapatan dari blog. Cara untuk membuat iklan melayang di bagian footer blog juga mudah, tidak perlu sampai 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 kode 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/AVvXsEhZVNwHIc2SxjXHAz6PVaqwXGGCLdyCRUcwn4sSz_EQzRIk7IG2ngxuM95lc4e4pYT_6IHbtiM3Pul71TdNVxh9gleRxF2S1vagHjy1n-wMs9vFOm6qbg9Wag-zQEjf2wNx7U1NwDb6MQk/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
<a href="http://Motivatorsakti.blogspot.com/" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLP8Rk3gxwnzxK8jfgWJFaOGePJsISvGziJX568KbGK3pwygMQgYWTbzgS0HrwGiy_TmKnrNUk4AznV1sHZYtq_UGhFprw8ouqNtkBjW6AZ2pgnV3a46RlJ8Rgrtefa5q3q3Byofm_D9uQ/s1600/pertama.gif" /></a>
<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/AVvXsEhZVNwHIc2SxjXHAz6PVaqwXGGCLdyCRUcwn4sSz_EQzRIk7IG2ngxuM95lc4e4pYT_6IHbtiM3Pul71TdNVxh9gleRxF2S1vagHjy1n-wMs9vFOm6qbg9Wag-zQEjf2wNx7U1NwDb6MQk/s320/exit.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<!-- KODE IKLAN -->
<a href="http://Motivatorsakti.blogspot.com/" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLP8Rk3gxwnzxK8jfgWJFaOGePJsISvGziJX568KbGK3pwygMQgYWTbzgS0HrwGiy_TmKnrNUk4AznV1sHZYtq_UGhFprw8ouqNtkBjW6AZ2pgnV3a46RlJ8Rgrtefa5q3q3Byofm_D9uQ/s1600/pertama.gif" /></a>
<!-- KODE IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
</center></p>
</p>
</div>
<!-- FOOTER IKLAN -->
5. Simpan jika sudah selesai
Kamu dapat mengeditnya sendiri untuk menyesuaikan dengan ukuran banner dan kode iklan, warna merah adalah kode yang dapat kamu 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. Sekian
Tags
Seni dalm blogger