Cara Memasang Iklan Melayang (Floating Ads)

Suryo    Tuesday, January 15, 2019    blog , html , tutorial   

Kali ini kita akan share cara membuat iklan melayang atau biasa di kenal dengan istilah floating ads pada blogger.

Iklan melayang ini dapat tampil pada sisi kiri atau sisi kanan blog ataupun kedua sisi blog saat di scroll ke bawah atau ke atas  iklan akan tetap tampil kecuali ada pengunjung yang meng-klik tombol close jika merasa tergangu.

Baca Juga:

1. Pengertian Adsense & Cara Mendaftar
2. Cara Mendaftar Adsense Youtube

Iklan melayang sebenarnya tidak diperbolehkan untuk Google Adsense, tapi tetap aman selama tidak ada yang melaporkan dan ini sering digunakan banyak web untuk menambah penghasilan iklan mereka.

Contoh Floating Ads

1. Masuk ke akun blogger.

2. Masuk ka begian Tata Letak.

3. Klik tambahkan gadget di kolom widget mana pun.

4. Pilih mode HTML/Javascript.

5. Masukan scriptnya.
6. Klik Save.

Script Floating Ads di Kanan

<style type="text/css">
#gb{
position:fixed;
top:10px;right:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan Anda di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Catatan: 
Ganti kode bertanda right jika ingin menempatkan ads ke sisi Kiri, jika tidak abaikan.
Ganti Masukan Kode iklan Anda di sini dengan kode iklan (ads) anda.

Script Floating Ads di kedua Sisi (Kanan & Kiri)

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<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)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads-->
<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
<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/AVvXsEhX3-NYHCBzVAwzLm5YRyVtzvvG67JEzbS7_JEhP51LPr_Ti5KOYkr77-h1jJjDu4D6Hh1UFep-Rtiof_Lopi7nVjpiNm8hY6qdEc5D-omCrQ7wHGlHnWBAUunpoc2S_dTHdH_uyqoRnCrC/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


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


<!--Akhir disini-->
</div>
<!--end: floating ads-->

<!--start: floating ads-->
<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
<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/AVvXsEhX3-NYHCBzVAwzLm5YRyVtzvvG67JEzbS7_JEhP51LPr_Ti5KOYkr77-h1jJjDu4D6Hh1UFep-Rtiof_Lopi7nVjpiNm8hY6qdEc5D-omCrQ7wHGlHnWBAUunpoc2S_dTHdH_uyqoRnCrC/s1600/close3.png' alt='close' title='close button'/></center></a></div>


<!--Mulai disini-->


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


<!--Akhir disini-->
<!--end: floating ads--></div>

Catatan:

Masukkan kode iklan pada kolom komentar "<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->"

Kalau anda tidak ingin terkena resiko banned, cobalah untuk tidak menggunakan script tertentu, anda bisa modifikasi tampilan blog, penempatan dan untuk proses awal anda bisa mendatangkan trafik dari beriklan, selanjutnya anda bisa gunakan anti adblock.

Itu dia cara memasang iklan melayang (floating ads) pada blogger. Semoga bermanfaat, jangan lupa klik tombol share untuk membantu blog ini tetap berkembang.