Selamat malam sobat blogger.. kali ini saya akan kasih tutorial nih buat sobat semua yang insyaallah dapat bermanfaat bagi kita semuanya. Apa itu tutorialnya? Tutorialnya yaitu "Cara Pasang Iklan Ads Melayang Responsive Dengan Tombol Close" di blogger.
Iklan memang sangat dibutuhkan oleh para blogger karena mereka dapat meraup uang jutaan rupiah bahkan hingga puluhan juta per bulannya dari para advister yang menitipkan jasa atau mempromosikan sang advister di blog yang sudah terkenal.
Banyak sekali space iklan yang bisa dipasang di blog seperti halnya pada sisi Header, sidebar, iklan melayang dan ada juga yang dalam postingan. Nah kali ini saya akan kasih tahu caranya untuk iklan yang melayang agar blog kamu lebih terlihat seperti blog yang sudah profesional dan insyaallah dapat meningkatkan jumlah klik iklan adsense sobat.
Berikut Cara Memasang Iklan Ads Melayang Responsive dengan Tombol Close
Pergi ke blogger.com > Template > Edit HTML > Simpan kode dibawah ini diatas kode </body>
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrU9Vs3tKvdFJlTxmJxyNxu-fambireiEm-8DzXLA9NdWWKuA9u0I1oqlDf5iH9RpCPH2hy-t5A24lpp0ZJ1TJoMEe-85D0d4C0iOt4L7Jwx8Gw1DtRXU_8Dvn6VipOkyOxMoEQ7SKz_ue/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block; max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQiFj7E-y2bDEdsUd18FSvMRkuzG3Iz_3ncbgPoMC2UVwMOX7vQ4sb6kUMCSRe-Tq0EBLAMiWHT9Lvd3axGZ3L9Ts_3hnoIK3dyksgsor8YG-qbS4LzQCn3KLcnHn2MONxlzCYvQwbu7B/s1600/arlina-tea.png'/></a>
</div>
</div>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrU9Vs3tKvdFJlTxmJxyNxu-fambireiEm-8DzXLA9NdWWKuA9u0I1oqlDf5iH9RpCPH2hy-t5A24lpp0ZJ1TJoMEe-85D0d4C0iOt4L7Jwx8Gw1DtRXU_8Dvn6VipOkyOxMoEQ7SKz_ue/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block; max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQiFj7E-y2bDEdsUd18FSvMRkuzG3Iz_3ncbgPoMC2UVwMOX7vQ4sb6kUMCSRe-Tq0EBLAMiWHT9Lvd3axGZ3L9Ts_3hnoIK3dyksgsor8YG-qbS4LzQCn3KLcnHn2MONxlzCYvQwbu7B/s1600/arlina-tea.png'/></a>
</div>
</div>
Keterangan :
728px = Lebar dari iklan tersebut
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQiFj7E-y2bDEdsUd18FSvMRkuzG3Iz_3ncbgPoMC2UVwMOX7vQ4sb6kUMCSRe-Tq0EBLAMiWHT9Lvd3axGZ3L9Ts_3hnoIK3dyksgsor8YG-qbS4LzQCn3KLcnHn2MONxlzCYvQwbu7B/s1600/arlina-tea.png'/></a> = Ganti dengang kode adsense yang sudah di parse!
Setelah selesai tinggal klik Save Template dan taraaa!! iklan ads melayang sobat sudah berhasil dipasang.
Nah itu saja tutorial yang bisa saya sampaikan mengenai Cara Memasang Iklan Ads Melayang Responsive dengan Tombol Close, semoga dapat bermanfaat bagi sobat semuaa. salam blogger!
