Membuat Iklan Sticky Adsense Menenempel di Kiri Kanan Blog
Salah satu cara menempatkan iklan adsense supaya terus bisa dilihat oleh pengunjung adalah dengan membuat iklan sticky atau iklan melekat di sisi kiri dan kanan blog.
Apalagi sekarang Iklan Sticky secara resmi sudah diperbolehkan oleh pihak Google tapi tentunya tetap harus mengikuti peraturan-peraturan yang ada. Berikut Screenshoot dari laman support.google.com tentang Iklan Adsense sticky :
Panduan Iklan Sticky Adsense |
Untuk lebih lengkapnya tentang Panduan Iklan Sticky bisa dibaca DISINI
Posisi letak penempatan iklan adsense adalah salah satu cara untuk menarik minat pengunjung blog agar tertarik untuk melihat Iklan yang tampil dan memungkinkan pengunjung untuk mengkliknya. Asal penempatan iklan sticky tersebut tidak mengganggu pengunjung saat membaca konten blog.
Nah kali ini kita akan membahasi sedikit cara untuk membuat iklan sticky;iklan menempel;atau iklan melayang di blogger. Saya sendiri sudah menempatkan iklan sticky di sisi kiri dan kanan blog. Untuk demonya bisa dilihat disini : DEMO
Cara Membuat iklan Sticky di samping kanan blog
- Buka blogger
- Pilih Tema
- Kemudian edit HTML
- Cari kode : </body>
- Letakkan kode berikut diatas kode </body>
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});}); </script>
<b:if cond='data:blog.isMobileRequest == "false"'>
<div style='text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto'>
KODE IKLAN ANDA
</script> </div> </div> </b:if>
<!-- [ iklan melayang kanan selesai ] -->
6. Perhatikan huruf yang diberi warna
- Warna Merah adalah kode agar iklan tidak muncul di mobile seluler/ ponsel
- Biru adalah lebar dan tinggi Iklan adsense. Anda bisa mengatur tinggi dan lebar iklan sesuai dengan selera masing-masing.
- Ungu adalah kode iklan adsense. (sebaiknya menggunakan kode iklan display)
7. Simpan template dan selesai
8. Sekarang Iklan melayang di samping kanan sudah ada di halaman blog anda, aturlah sesuai dengan keinginan dan sesuai kaidah agar tidak melanggar aturan google adsense.
Membuat Iklan di Sisi Kiri Blog
Caranya sama dengan cara diatas, hanya mengubah sedikit kode yaitu kode yang ditandai dengan warna hijau.
<!-- [ iklan melayang kiri mulai ] -->
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});}); </script>
<b:if cond='data:blog.isMobileRequest == "false"'>
<div id='fixedban1' style='left:0px;width:200px;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/AVvXsEjcHRpvMXyhvG7n45N663R_0a-iEF32a2ub_CVpJVZso1Wv7zRWnmm233fh1ju_Mth1nfEJ1xwcJbMxlZVMECepKZ31bHSel5PZdFRzw2MqngC32YEUxSs3dkQB1BFDKOvh4gdSZcN1j2hw/s1600/btn_close.gif'
style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:300px;height:auto;overflow:hidden;margin:auto'>
KODE IKLAN ANDA
</script> </div> </div> </b:if>
<!-- [ iklan melayang kiri selesai ] -->
Itulah cara membuat iklan sticky melayang disamping kanan dan kiri blog. Mudah-mudahan artikel ini bisa membantu sahabat-sahabat yang membutuhkan. Jika ada kendala atau tambahan silahkan tulis di kolom komentar.
Semoga bermanfaat...!!!