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 melayangatau 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.
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?
SOCIALIZE IT →