Cara Menciptakan Iklan Melayang (Floating Ads) Di Blog

Bagi teman yang terbiasa bermain iklan, khususnya iklan ppc mungkin sudah tidak absurd lagi dengan yang namanya iklan melayang atau floating advertisement yang berguna untuk meningkatkan earning. Tapi bagi beberapa teman yang gres memulai blogging mungkin masih kudang keringngungan perihal bagaimana

membuat iklan melayang di blog

atau yang dikenal juga floating ads.

Ya sudah eksklusif saja ya,

cara menciptakan iklan melayang di blog

ini aku ambil dari banyak sumber, salah satunya dari blognya om di hxxp://www.o-om.com bila pgn eksklusif lihat ya monggo kesana eksklusif :)

1. Sebelum menciptakan iklan melayang di blog terang teman kudu login dulu di blogger.
2. Setelah itu pilih Rancangan (Design) > Elemen Halaman (Page Element) > lalu menambahkan gadget/widget HTML/Javascript.
3. Kalau sudah silahkan copast instruksi diberikut 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 teman 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? praktis kan membuat iklan melayang di blog?

Sebelum teman

membuat dan menerapkan iklan melayang

ada baiknya teman membaca TOS (Terms of Service) dari pihak iklan tersebut. Beberapa advertiser menyatakan bahwa iklan melayang di blog melangar TOS alasannya ialah menciptakan pengunjung meng-klik iklan tersebut dengan terpaksa.

Selain iklan melayang dengan tombol close, teman juga sanggup mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga berguna :)

Advertisement