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.
Contoh blog dengan iklan melayang disini
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/AVvXsEjCitlIR9Gi_nnRamMjRo_H7HTndBt-1EmXzewhA44DR04vM88DwQUxTsDs_ajVimGPGOdETVnE0oEQtVRAhSdUEw7JAtbydFsoBvsNwBeo_XfNpLkUtMJ7BQwcRz8L34weXMdGRpQWsX7m/" 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 disini
- Kode warna hijau adalah script iklan anda.
- Anda bisa menambahkan teks di atas iklan, misalnya: ‘Klik salah satu link agar blog ini tetap eksis’, dsb. Caranya: letakkan teks tersebut di atas script iklan (warna hijau di atas)
Read More..
