Cara Memasang Iklan Melayang Di Bawah Footer Blog Dengan Tombol Close

Hello! Pada artikel kali ini Saya akan membahas tentang Cara Memasang Iklan Melayang Di Bawah Footer Blog Dengan Tombol Close. Salah satu keunggulan dari memasang iklan pada footer blog adalah iklan Anda dapat dilihat lebih jelas pada setiap postingan. Cara ini dianggap lebih unggul daripada memasang iklan pada sidebar. Ini karena pengunjung akan lebih banyak melihat ke bawah saat sedang membaca postingan atau ingin berkomentar daripada melihat ke samping.

Okay, bagi Anda yang ingin memasang iklan melayang dengan fitur tombol close pada footer blog Anda, silahkan ikuti tutorial berikut ini: 

1. Login ke Blogger.com
2. Pilih Tata Letak → Tambah Gadget → HTML/Javascript
3. Kemudian salin kode di bawah ini

<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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2ta9xq5LbNHq9Ub41djMk2qfG0l5qisoLCYFsgtVDcGFF0n7YK7KTRDl-n6ZV6X_B0QYU6zAkrhyphenhyphenbVSYd1Vl9QN7wMSIY06uN4MoVxTXKYdI5ArDneC6uWqn9VLs_I_6AWU8tDlxKer2/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Masukan script iklan anda di sini
</center></p>
</p>
</div>

4. Ganti kode yang berwarna merah dengan script iklan Anda.
5. Kode yang berwarna biru adalah tinggi dan lebar iklan yang akan ditampilkan.
6. Klik Simpan.

Sekian artikel Cara Memasang Iklan Melayang Di Bawah Footer Blog Dengan Tombol Close dari Saya. Semoga bisa bermanfaat. Terimakasih.

Tweet