Cara Membuat Iklan Melayang (Floating Ads) Di Blog - Bagi sobat yang terbiaasa bermain iklan, khususnya iklan ppc mungkin sudaah tidak asing lagi dengan yang namaanya iklan melayang atau floating advertisement yaang berguna untuk meningkatkan earning. Tapi bagi beberapa sobat yang baaru memulai blogging mungkin maasih kebingungan tentang bagaimaana membuat iklan melayang di blog atau yang dikenaal juga floating ads.
Ya sudah langsung saja ya, cara membuat iklan melayaang di blog ini saya ambil dari banyaak sumber, salah satunya dari blognya om di hxxp://www.o-om.com kalau pgn langsung lihaat ya monggo kesana langsung :)
1. Sebelum membuat iklan melayang di blog jelas sobat kudu login dulu di blogger.
2. Setelah itu pilih Rancangan (Design) > Elemen Halaman (Page Element) > kemudian tambahkan gadget/widget HTML/Javascript.
3. Kalau sudah silahkan copast kode berikut ini:
<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 atau Gambar yang sobat inginkan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Save dan lihat hasilnya.
Bagaimana? mudah kan membuat iklan melayang di blog?
Sebelum sobat membuat dan menerapkan iklan melayang ada baiknya sobat membaaca TOS (Terms of Service) dari pihaak iklan tersebut. Beberapa advertiser menyaatakan bahwa iklan melayang di blog melangar TOS karena membuaat pengunjung meng-klik iklan tersebut dengan terpaksa.
Selain iklan melayang dengan tombol close, sobaat juga bisa mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga bermaanfaat :)
.gif)
.gif)
