Membuat Iklan Melayang di Blog

Udah lama nih ga posting. Sekarang waktunya berbagi postingan kepada kawan2 ku semua. Ada kalanya didalam blog terdapat iklan. Tujuannya yang pertama yaitu untuk menambah uang saku. yang biasanya sering diletak oleh para bloggers di sidebar ataupun didalam postingan. Iklan kali ini berbeda dengan yang sebelumnya. Iklan akan kita bikin terbang layaknya Pesawat Terbang. [wkwkwk]. Sebagai contohnya seperti ScreenShoot dibawah ini :



Buatnya mudah kok, Semua orang pasti bisa kok terapkan cara ini. Soalnya hanya klik-klik, copy-paste, dan selesai. Caranya seperti berikut ini ::

1. Login Ke Blogger.com
   
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy kode dibawah ini

<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()">
<< T U T U P >>
</a>
</div>
<center>

[Letakkan Kode iklan kamu disini]

</center>

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

Selamat Mencobaaaaa