Cara membuat iklan melayang responsive, Halaman discroll iklan tetap ikut

Membuat iklan melayang responsive, Iklan melayang adalah iklan yang selalu berada pada posisinya meskipun halaman blog di scroll keatas dan kebawah. Pada webiste-website besar seperti Detik, Kompas, Tribun dll, terkadang kita menemui iklan melayang seperti ini yang posisinya berada dipaling atas atau dipaling bawah halaman.

Kelebihan dari iklan melayang ini adalah, iklan tidak mengambil space lebih yang menutupi halaman, artinya masih tetap mampu menjaga nilai kenyamanan pengunjung, yang kedua iklan melayang akan selalu tampil meskipun halaman di scroll keatas dan kebawah saat pengunjung membaca artikel, yang ketika kelebihan iklan melayang memiliki potensi yang lebih besar untuk mendapatkan klik iklan karena posisinya yang lebih strategis dibandingkan space iklan lain yang tidak melayang atau tidak mengikuti arah scroll halaman.

Meskipun iklan melayang ini memiliki tempat yang strategis untuk mendapatkan nilai klik pengunjung, namun ada baiknya iklan melayang juga disediakan tombol close. hal ini tentu untuk tetap menjaga nilai kenyamanan para pengguna atau pengunjung. disini kita tidak boleh terlalu fokus pada mencari keuntungan sesaat tetapi mengabaikan keuntungan utama yaitu pengunjung betah dan ingin kembali lagi berkunjung ke blog kita.

Banyak anggapan bahwa membuat iklan melayang baik di atas maupun dibawah akan melanggar TOS dari layanan blog seperti blogger maupun dari Adsense sendiri. namun menurut kami hal tersebut mungkin tidak akan menjadi masalah selama nilai kenyamanan pengguna tidak terganggu dengan syarat, iklan melayang tidak mengambil space yang berlebihan, serta iklan melayang tersebut juga disediakan tombol close sebagai alternatif jika pengguna atau pengunjung merasa terganggu.

Nah, Berikut ini adalah cara membuat iklan melayang responsive, dimana meskipun halaman di scroll keatas dan kebawah iklan akan tetap mengikuti scroll tersebut.

1. Login ke akun Blogger.

2. Pilih menu Tata Letak atau Layout

3. Pilih Tambah Gadget pilih Add HTML/Javascript

4. Pada Judul biarkan kosong, dan masukan kode berikut pada kolom kode:

<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0dFvzu4HOoESr3NnQX28qH1vLg6sYyiK_4Cc-7uvlehZ5PzPIjvDXHEjGdD64uKnI-Z6fmRGXOCLs-4xr2g08G8HMUFSoO7n1cBZCbUp6ENu6-S6hJq8RtoMYm-O6UY0lWq18gajl8zar/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p><p><center>

TAMBAHKAN KODE IKLAN DISINI

</center></p>
</p>
</div>

Selanjutnya anda tinggal menyimpan Gadget tersebut. dan silahkan lihat hasilnya.

Pada teks bertanda merah dengan Tulisan Tambahkan Kode Iklan disini, Ganti dan sesuaikan dengan Kode Iklan responsive yang ada dapatkan di Akun Adsense anda.

Itulah tadi cara membuat iklan melayang responsive, anda dapat langsung mencobanya dan jika ditemui kendala silahkan tinggalkan komentar. Jika artikel ini bermanfaat jangan lupa bagikan agar lebih bermanfaat lagi bagi banyak orang.