Cara Memasang Iklan Melayang

Apa sih Script floating itu..??? Script floating adalah script yang berfungsi untuk menampilkan sesuatu, bisa text atau gambar pada web / blog dengan efek mengambang / melayang. Jadi Text / gambar yang di kasih script floating nantinya seperti berada diatas halaman suatu web / blog dan tidak akan berpengaruh ketika halaman akan di scroll kebawah maupun ke atas ( text atau gambar tersebut akan berada tetap pada posisi yang ditentukan )

Dengan kelebihan Script Floating diatas, maka kita bisa menerapkanya untuk keperluan tertentu, menampilkan iklan misalnya..?? hehehe ide yang cemerlang! Lihat contoh penerapanya di bawah ini:

Lalu,bagaimana cara Membuat Iklan Melayang pada blog dengan memanfaatkan script floating..??? Berikut langkah-langkahnya:

1. Login ke blogger
2. Pilih tata letak, lalu klik "tambah gadget"
3. Pilih "HTML/JavaScript"
4. Silahkan copas kode di bawah ini ke kotak "HTML/JavaScript" diatas

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:left;
border:2px solid #ffffff;
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-100;
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:left">
<a href="javascript:showHideGB()">
<button>Tutup Iklan Ini</button>
</a>
</div>
<center>

LETAKAN KODE IKLAN DISINI

</center>

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

5. Ganti tulisan "LETAKAN KODE IKLAN DISINI" dengan text, banner, atau kode iklan yang sobat miliki lalu klik save dan lihat hasilnya. Mudah bukan...??

Demikian tutorial blogger kali ini yang berjudul "Script Floating Membuat Iklan Melayang" Semoga bermanfaat buat sobat blogger tulalit semuanya.