Cara Membuat Iklan Melayang (Floating Ads) Di Blog

Bagi sobat yang terbiasa bermain iklan, khususnya iklan ppc mungkin sudah tidak asing lagi dengan yang namanya iklan melayang atau floating advertisement yang berguna untuk meningkatkan earning. Tapi bagi beberapa sobat yang baru memulai blogging mungkin masih kebingungan tentang bagaimana

membuat iklan melayang di blog

atau yang dikenal juga floating ads.

Ya sudah langsung saja ya,

cara membuat iklan melayang di blog

ini saya ambil dari banyak sumber, salah satunya dari blognya om di hxxp://www.o-om.com kalau pgn langsung lihat 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 membaca TOS (Terms of Service) dari pihak iklan tersebut. Beberapa advertiser menyatakan bahwa iklan melayang di blog melangar TOS karena membuat pengunjung meng-klik iklan tersebut dengan terpaksa.

Selain iklan melayang dengan tombol close, sobat juga bisa mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga bermanfaat :)