Cara Mudah Membuat Iklan Seperti Mengambang atau Float Top Bar Di Blog Sendiri

Membuat iklan atau widget  melayang di blog caranya ternyata sangat mudah baik pembuatan nya maupun pemasangan nya tanpa harus melalui pengeditan HTML template ,iklan melayang atau biasa disebut dengan float top bar ,sebuah jendela kecil yang biasa muncul di website atau blog yang biasanya berisi iklan atau widget ,dan mungkin anda tertarik membuatnya berikut cara gampangnya:

Copy 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 #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>

 KODE,TULISAN IKLAN ATAU GAMBAR YANG DITAMPILKAN

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

-Login ke blogspot 

-Pilih tata letak

-Tambah gadget pilih HTML/Java script

-Copy kode diatas lalu tempel
-Letakan kode iklan atau widget yang akan di tampilkan

-Simpan

Mudah bukan cara membuatnya,dan semoga bisa bermanfaat.

sumber ide :creatingwebsite-maskolis.blogspot.com