Membuat gambar melayang di Blogger

Selamat Pagi....
Kali ini saya akan sedikit berbagi tentang bagaimana cara memasanggambar melayang di blog kita. Hal ini bisa dimanfaatkan sebagai lahan iklan(baik gratisan maupun tidak).

Okay, langsung saja...Inilah Caranya .....
1. Masuk ke akun blogger anda.
2. Setelah itu buka halaman Design/Rancangan
3. Pada bagian elemen halaman, klik tambah gadget/add new element
4. Pilih HTML/JavaScript
5. Masukkan kode berwarna biru di bawah ini...

<style type="text/css">
#gb{
position:fixed;
top:325px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:30px;
width:960px;
float:center;
cursor:pointer;
background:url('') no-repeat;
}
.gbcontent{
float:center;
border:1px solid #A5BD51;
background:#000000;
padding:1px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 125-w) : moveGB(125-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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

SCRIPT IKLAN PPC ANDA DISINI / APA SAJA YANG INGIN DITAMPILKAN!

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
<a href="http://dugaja.blogspot.com/2010/09/membuat-gambar-melayang-di-blogger.html" target="_blank">
[Widget By ganef]
</a>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.down = (125-gb.offsetWidth).toString() + "px";
</script></div>

KETERANGAN :::

angka berwarna hitam adalah lebar dan tinggi gambar anda. Anda bisa menyesuaikan dengan gambar/iklan anda.

Lalu tulisan berwarna merah di atas, silahkan anda ganti dengan alamat / script yang anda miliki.

Terima Kasih...