7/18/2010

Cara Membuat Iklan Melayang (Flying Ads)

Cara Membuat Iklan Melayang (Flying Ads) - Kamu pernah berkunjung ke sebuah blog yang waktu dibuka tiba-tiba muncul sebuah kotak yang berisi "Silahkan Klik" atau perintah untuk mengklik iklan dan tampilannya menutupi layar?? Nah, itulah yang dinamakan Iklan Melayang atau bahasa kerennya Flying Ads.

Baca : Trik Memasang Iklan di pojok kanan atas halaman posting

Nah, langsung ke tutorial cara pembuatannya yuk,
  • Masuk ke blogger
  • Klik Layout atau tata letak
  • Klik "Add A Gadget" atau "Tambah gadget" dan pilih HTML Javascript
  • Masukkan kode berikut,
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px 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:center">
<a href="javascript:showHideGB()">
<img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" />
</a>
</div>
<center>
Masukan Kode iklan Text ataupun banner
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Note : Kode warna merah bisa diganti.  Right menandakan posisi iklan melayang. #ffffff adalah kode warna, untuk mengganti warna tinggal ganti dengan nama warna dalam bahasa inggris, misal "yellow". Masukan Kode iklan Text ataupun banner ganti dengan kode iklan Sobat, atau bisa juga dimasukkan kode banner dan lain-lainnya.
  • Simpan
Labels: