Cara Buat Iklan Melayang Di Blog

Sobat 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.blogspot



Nah, langsung ke tutorial Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di Blog =

• Masuk ke blogger

• Buka design/Rancangan

• Pada Page Element, pilih tempat, lalu klik "Add A 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.
http://www.fileden.com/files/2009/10/12/2599919/close.gif ganti dengan alamat gambar sobat..

source = http://prasutan.blogspot.com

semoga artikel tutorial Blog Cara Membuat Iklan Melayang Di Blog or Cara Pasang Iklan Melayang di Blog bermanfaat.