Membuat Iklan Melayang di Blog

Membuat Iklan Melayang di Blog sebenarnya merupakan langkah tersukses meningkatkan trafik klik iklan.
Tentunya trik ini sangat ampuh digunakan bagi sobat Blogger yang mencari penghasilan lewat iklan PPC atau sejenisnya.
Berikut contoh gambarnya
“iklan
Gambar diatas akan tampil jika pengunjng membuka blog anda dan akan mengikuti kemana pun cursor naik turun jika pengunjung belum klik tombol close.


Cara Membuat Iklan Melayang di Blog
1. Login ke Blog
2. Rancangan - Elemen Laman
3. Pilih Tambah Gadget - HTML/JavaScript
4. Copy kode di awah dan masukan kedalamnya


<!— awal banner melayang —>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
.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>

KODE IKLAN ANDA

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script>
<!— akhir banner melayang —></!—></div></div></!—>

KODE IKLAN ANDA ganti dengan kode iklan atau gambar yang ingin anda tampilkan

5. Save

Semoga artikel Membuat Iklan Melayang di Blog bermanfaat

2 komentar:

Adi mengatakan...

Kalo pasangnya widget lain bisa ga gan? mohon dibalas demi membantu blogku. :)

Les Privat Global Excellent mengatakan...

matur nuun

Posting Komentar

 
Copyright © 2011 Andhika Hutomo Blogdhika.com. Powered by Blogger™