Cara Membuat Iklan Melayang atau Flying Ads

 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.

Lalu bagaimana cara membuatnya? Sobat harus punya kode iklan terlebih dahulu. Untuk referensi, Sobat bisa menggali dollar dengan cara hanya mendaftar. Sekali daftar sudah dapet 10 dollar  atau lebih lengkapnya bisa daftar di semua yang ada di sidebar blog ini ------>


Nah, langsung ke tutorial cara pembuatannya yuk,

• 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.

• Save

HASILNYA BISA SOBAT LIHAT DI SINI

Artikel Terkait: