Membuat widget iklan melayang

Ketika akun google dan paypal telah berhasil Anda miliki langkah berikutnya melajutkan ketahapan memasang Ads atau iklan. Untuk pemasangan iklan di blog banyak ragamnya tapi saya lebih tertarik dengan bentuk iklan melayang. Sebagai pelengkap maka Saya akan coba membagikan cara memasang iklan melayang. Untuk tutorial iklan melayang berikut ini tahapannya :
1. Buka Dashboard blogger Anda lalu  arahkan pada menu rancangan dan klik elemen laman

2. Pada dashboard blogger akan terlihat tambah widget lalu
Anda klik setelah muncul gambar dibawah ini klik tanda + ( plus )

3. Kemudian akan muncul jendela baru lalu anda isikan kode berikut :
<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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
GANTI DISINI DENGAN KODE IKLAN ANDA
</center>

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

Isi kolom dengan kode serta ganti " GANTI DISINI DENGAN KODE IKLAN ANDA " dengan kode ads atau iklan  Anda kemudian klik simpan.
4. Untuk melihat hasilnya akan seperti ini

Selamat mencoba dan berkreasi dengan widget ads terbaru Anda. Saya rasa untuk tutorial cara membuat iklan melayang ini mudah untuk dicoba .