Cara Membuat Iklan Melayang di Blog

Memasang iklan melayang menjadi salah satu pilihan penempatan iklan yang strategis, tentunya dapat meningkatkan penghasilan kita dari blog. Tapi sebelum memasang iklan melayang ini kita perlu mengetahui aturan (TOS) yang dibuat oleh jasa periklanan seperti adsense, klik saya, idblognetwork dan  yang lainnya. Jangan sampai karena menggunakan iklan melayang ini akun adsense kita terkena banned.
untuk iklan yang secara langsung tanpa melalui pihak ketiga(jasa periklanan) memang cara ini yang lebih disukai dan tentunya meningkatkan harga dari pemasangan iklan di blog kita.
jika sudah mengetahui aturannya, langsung saja perhatikan cara-canya berikut ini
1. Login ke akun blog sobat
2. Pilih Rancangan > tambah widget
3. Copy paste kode dibawah ini

 Cara membuat iklan melayang secara random

<style type="text/css">
#gb{
position:fixed;
top:200px;
left:250px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:1px solid #A5BD51;
background:#cccccc;
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">Klik 2 kali untuk keluar
<a href="javascript:showHideGB()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw2Euan23IvYKX1aTMviwKVO0nRgiw2gPca1oaHbGN2P2oEa7GUBBjzZtd-BoXVso4w1hPVqy7lIwrYbacadFMpn3qhPjJhNzRKRm2gS9mtSwJJGOGW5P_jdnYUST_AM1HytuYRNMAaiU/s1600/Close.png" />
</a>
</div>
<center>
"Kode Iklan Melayang"
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

cara membuat iklan melayang tampil di posisi 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]("Mobile")&&-1!=a[b]("WebKit")&&-1==a[b]("iPad")||-1!=a[b]("Opera Mini")||-1!=a[b]("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 href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;">
<center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZARfuf5eMYqQzKZ95Qqss7bWe5RfYugSgeRGAXsrbY10F1aDou2ILaxJ6vLY-hMxcbWafrGjVpWf3o7l0cmr8aU7M96jNR7_Hq-VRzbrfzm2XjJB4b7rVrSIQtYJKtaRN2qZjuxGtPsq/s1600/PhoXo2.png'/></center>
</a>
</div>
<!--Mulai-->

Kode Iklan Melayang Di Bagian Kiri

<!--Akhir-->
</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 href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguZARfuf5eMYqQzKZ95Qqss7bWe5RfYugSgeRGAXsrbY10F1aDou2ILaxJ6vLY-hMxcbWafrGjVpWf3o7l0cmr8aU7M96jNR7_Hq-VRzbrfzm2XjJB4b7rVrSIQtYJKtaRN2qZjuxGtPsq/s1600/PhoXo2.png'/></center></a></div>

<!--Mulai-->

Kode Iklan Melayang Di Bagian Kanan

<!--Akhir-->

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

cara membuat iklan melayang di bagian footer

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQUZb9uDGyBaWc05UAqyQY7Hc2Wc3FPQnZGAxuiNESyyOz6rohU9338mnH774vsSyz9PSqZmJkyNPq8xPJuYOjKB_3a5E25U4yDnktqRUgDxEvixvZ2V1HXDd4utHdamSNypLdm3m6YcN/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

Kode Iklan Melayang

</center></p>
</p>
</div>

4. Pilih lah kode tersebut sesuai keinginan sobat
5. Ganti Tulisan “Kode Iklan Melayang“ dengan kode iklan yang akan dipasang.
6. Simpan dan Selesai

Selamat mencoba,....... :)