Cara Membuat Iklan Melayang Di Blogger

Akhirnya saya posting juga sebuah tutorial untuk para Blogger.

Setelah saya mencari-cari info tutorial blog yang cocok untuk saya posting, akhirnya saya menemukan info yang bagi saya sangat cocok untuk di postingkan ke blog saya.
Kok jadi curhat ya.. langsung aja deh ke Tutornya..^^
Check it out!!

Tutorial :

1. Log In ke Blogger terlebih dahulu
2. Klik Design
3. Klik Page Element
4. Klik Add Gadget
5. Add HTML Javascript
6. Lalu 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:2px solid #000000;
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://img528.imageshack.us/img528/4414/14910705.gif" title="Click this Ads to Close" alt="close" />
</a>
</div>
<center>

LINK IKLAN KAMU DI SINI
</center>

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

   
      7. Lalu klik Save
      8. Selesai dan lihat hasilnya

Note :

• background:#ffffff; bisa kamu ganti dengan warna sesuka kamu
• http://img528.imageshack.us/img528/4414/14910705.gif bisa kamu ganti dengan gambar sesuka kamu

Terima Kasih