Cara Membuat Iklan Melayang di Blog Anda

Gimana sih caranya buat iklan melayang kayak tampilan website http://theo.piluz.org ini? Atau Anda pernah melihat contoh website-website lain yang mempunyai tampilan iklan yang sama? Iklan melayang disini adalah iklan yang tiba-tiba muncul sesaat ketika kita membuka halaman blog tersebut, dan iklan tersebut bergerak seolah-olah melayang di halaman browser. Inilah yang disebut iklan melayang. Kemudian tempatkan (copy paste) kode script ini ke dalam body html .
<style type="text/css">
#gb{
position:fixed;
top: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 anda inginkan di sini

</center>
 
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Mudah bukan? Kemudian simpan dan lihat hasilnya maka tampilan iklan melayang akan muncul di blog Anda. Terima kasih dan semoga bermanfaat

Komentar

  1. blog walking.. thanx untuk artikelnya mengenai iklan melayang, mau coba di terapkan di blog-ku

    BalasHapus
    Balasan
    1. @yoyok: Sama-sama mas, senang bisa membantu :) *Sukses

      Hapus

Posting Komentar