Cara Membuat Iklan Melayang

Di dalam blog sering kita temui iklan yang melayang dan bahkan menutupi isi dari blog tersebut. kemudian kita disuruh meng-close terlebih dahulu supaya kita bisa melihat isi dari blog tersebut dengan sempurna (tidak tertutup iklan). Tujuan para bloger membuat iklan melayang ini diantaranya supaya para pembaca bisa tau (dipaksa membaca) iklan tersebut. Nah jika anda menginginkan iklan seperti itu di dalam blog bisa ikuti langkah-langkah cara membuat iklan melayang sbb:

1. Login ke blog anda ==>> Rancangan ==>> Tata Letak ==>> Tambah Widget ==>> Pilih HTML/javascript
2. Kemudian copy/paste code berikut:

<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 DISINI

</center>

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

Ganti tulisan yang berwarna merah (kode iklan anda dan kode background), jika sudah simpan dan lihat hasilnya. demikian cara membuat iklan melayang  semoga bermanfaat... d(-;-)b

Posted in: Blog