Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot - Iklan melayang atau floating ads kini lagi ngetrend. Meski ada yang menilai cukup menggangu, dengan format floating ads, peluang iklan diklik pengunjung lebih tinggi. Namun, secara pribadi menurut saya, hal ini tidak perlu sebab pengunjung akan jengkel dengan adanya iklan melayang di setiap halaman blog anda sehingga trafik blog anda akan sulit berkembang.


Cara membuat iklan melayang:

1. Masuk Dashboard-->Rancangan-->Tambah gadget
2. Pilih ‘HTML/javascript
3. Masukkan kode di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #585858;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEBwArVXpLTrHya0AAbq5N0pfVvzesYfCUSzudQ5-YyQPHq_Zl-2qNEK4Iwn65zrYW5b3BqHX5h9xH32uIh-KZwgBiw5cvc2zVSAT0iAd8N5Jb8vodz96GfAhWrpDGmtmJV0cFzTX5HQA7/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Taruh script iklan anda disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Simpan

Note:
- Kode warna merah adalah garis tepi iklan. Bisa diganti sesuai selera.
- Kode warna biru adalah background iklan. Bisa diganti sesuai selera.
- Kode warna hijau adalah script iklan anda.
- Anda bisa menambahkan teks di atas iklan, misalnya: ‘Klik salah satu link agar blog ini semakin sukses’, dsb. Caranya: letakkan teks tersebut di atas script iklan (warna hijau di atas)