Cara Membuat Iklan Melayang | Float Ads di Blogspot

Kali ini saya akan memberikan tips untuk membuat iklan melayang untuk blog anda. Cara ini digunakan agar iklan yang anda tampilkan dapat lebih terlihat atau menarik perhatian pengunjung blog anda. Caranya mudah sekali. Anda hanya cukup mengikuti langkah-langkah berikut:




1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak
2. Kemudian "Tambah Gadget" diatas Header
4. Klik "HTML/Javascript"
5. Masukkan kode di bawah ini.

<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:right">
<a href="javascript:showHideGB()">
<img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" />
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

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

6. Simpan

Untuk tulisan yang berwarna biru adalah posisi iklan.
top :10px; berarti 10 pixel dari atas.

Jika ingin meletakkan disamping kanan bisa ditambahkan dibawah atau di atasnya dengan right :10px; (misalnya), untuk posisi bawah top diganti dengan bottom.