Berbagi Pengalaman tentang Dapodik, ERaport dan Info-Info lainnya Seputar Pengetahuan

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 :


Cara membuat iklan sticky menempel di samping blog
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

  1. Buka blogger
  2. Pilih Tema
  3. Kemudian edit HTML
  4. Cari kode : </body>
  5. Letakkan kode berikut diatas kode </body>

<!-- [ iklan melayang kanan mulai ] -->
<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<div id='fixedban' style='right: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(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSADezCTXDlA3jMJvuBxe6eWVcomfXqHPlKABbR2LCA4PL7FPXL3BSb1fMyXUUudc9NwTX_vL-hjhyphenhyphenn9RH4F5QzAwH0xmtHqaA6-suqPxKZhQ86KxzY69hQNIgUSAnqrzMtUMT8ePz-19/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 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() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script>
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<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(&apos;fixedban&apos;).style.display =
&apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpSADezCTXDlA3jMJvuBxe6eWVcomfXqHPlKABbR2LCA4PL7FPXL3BSb1fMyXUUudc9NwTX_vL-hjhyphenhyphenn9RH4F5QzAwH0xmtHqaA6-suqPxKZhQ86KxzY69hQNIgUSAnqrzMtUMT8ePz-19/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...!!!

Baca juga
close
close