Cara Membuat Iklan Melayang

Iklan melayang, memang sangat menggangu ketika kita berkunjung ke blog yang memasang script iklan melayang tersebut. Apalagi setiap kita buka halaman blog tersebut, kita harus mengklik close dulu untuk menghilangkan iklan tersebut.

Tapi di balik itu, si empunya blog pasti sangat di untungkan karena setiap user yang berkunjung harus mengklik close dulu baru hilang iklan tersebut. Tak apalah kalau yang user klik itu adalah menu close, tapi kalau yang di klik adalah iklan yang ada didalamnya, pasti itu akan menambah pundi-pundi dolar atau rupiah bagi si pemilik blog. :)

Kita kembali ke pokok bahasan kita tadi yaitu semacam script cara membuat iklan melayang di blog atau website lainnya. Jika Anda tertarik ingin membuatnya di blog Anda, berikut caranya:

• Login dulu ke dashbord blog Anda.
• Klik menu Rancangan.
• Klik Tambah Gadget.
• Terbuka halaman baru, lalu cari tulisan "HTML/JavaScript" dan setelah ketemu silahkan klik tanda tambahnya. 
• Setelah itu silahkan tambahkan code di bawah ini di ruang konten-nya:

<style type="text/css">
#gb{
position:fixed;
top:3px;
right:3px;
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-100;
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 [Click 1 x]:.
</a>
</div>

<center>

Script iklannya silahkan masukkan di disini.

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

• Lalu klik menu Simpan.Dan siap dech.

Nach beginilah cara membuat iklan melayang yang sering kita temui di blog-blog lain yang kadang menggangu pemandangan mata kita. :)

Read More