Membuat Iklan Melayang di Samping Halaman Blog

Jika pada blog sobat memasang space iklan seperti demikian, bisa jadi advertiser yang mengerti akan kurang tertarik memasang iklan. Atau bahkan advertiser sama sekali tidak menemukan space iklan tersebut. Maka dari itu kali ini saya akan membagikan cara membuat space iklan dengan posisi serupa namun tidak memiliki kelemahan seperti space iklan sebelumnya.

Tampilan iklan yang dihasilkan akan melayang dan berada di Samping kanan dan kiri Blog.
Tidak seperti iklan sebelumnya yang terdapat diluar daerah konten blog, yang satu ini akan terus berada menempel di samping kanan dan kiri monitor. Jadi seberapa besar pun ukuran halaman blog yang ditampilkan pada PC atau perangkat lain, iklan ini akan terus ditampilkan walaupun sampai menghalangi konten Blog. Namun tentunya jika iklan ini sampai menghalangi konten Blog, maka pasti akan sangat menggangu pemandangan pengunjung Blog. Maka dari itu, iklan ini dilengkapi tombol close agar dapat dihilangkan demi kenyamanan pengunjung Blog. Seperti berikut contoh hasilnya.

Membuat Iklan Melayang di Samping Halaman Blog

• Sign in ke akun Blogger sobat masing masing.
• Masuk ke bagian Tata Letak.
• Klik tambahkan gadget di kolom widget mana pun.
• Pilih mode HTML/JavaScript
• Masukan Kode Berikut :

1:  <script type='text/javascript'>  
2:  $(document).ready(function() {  
3:  $('img#closed').click(function(){  
4:  $('#btm_banner').hide(90);  
5:  });  
6:  });  
7:  </script>  
8:  <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};  
9:  </script><script type="text/javascript">  
10:  if (window.jstiming) window.jstiming.load.tick('headEnd');  
11:  </script>  
12:  <!--start: floating ads-->  
13:  <div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">  
14:  <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlLuT9QB2Wl7hix1-JCQ8kKJp8X8rY2_rLGl5r8nWP7O83RYkAb1Si0Z5VSuf5rnNTKfTxjf_C0zSM6cKV2eOAvm0itp3u93l1Sw-m3If-Z1_6qg9nFxoM1l6sHqc00WlQRU4CldYSQOIR/s1600/close3.png' alt='close' title='close button'/></center></a></div>  
15:  <!--Mulai disini-->  
16:  <!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->  
17:  <!--Akhir disini-->  
18:  </div>  
19:  <!--end: floating ads-->   
20:  <!--start: floating ads-->  
21:  <div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">  
22:  <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlLuT9QB2Wl7hix1-JCQ8kKJp8X8rY2_rLGl5r8nWP7O83RYkAb1Si0Z5VSuf5rnNTKfTxjf_C0zSM6cKV2eOAvm0itp3u93l1Sw-m3If-Z1_6qg9nFxoM1l6sHqc00WlQRU4CldYSQOIR/s1600/close3.png' alt='close' title='close button'/></center></a></div>  
23:  <!--Mulai disini-->  
24:  <!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->  
25:  <!--Akhir disini-->  
26:  <!--end: floating ads--></div>  

• Masukan Script iklan yang akan dipasang dibagian kiri blog pada tulisan

  <!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog--> 

  .
• Masukan Script iklan yang akan dipasang di bagian kanan blog pada tulisan

  <!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->

•  Klik Simpan, dan selesai

Iklan pun sudah terpasang melayang disamping kiri dan kanan dengan tombol close seperti contoh pada screenshot di atas tadi.