Cara Pasang Iklan Melayang

Kebanyakan tutorial di internet yang membahas tentang ini menggunakan script code yang rumit untuk diterapkan oleh karenanya ewa akan mencoba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya.

Ikuti langkah-langkah Cara Pasang Iklan Melayang Plus Tombol Close dibawah ini :

1. Login Ke Blogger.com dengan Akun anda masing-masing
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy / Paste kode di bawah ini kedalam Gadget HTML tadi.

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

<img src="http://3.bp.blogspot.com/-4CxNEL0A-SU/UUbX8HXWGiI/AAAAAAAAAHI/bTk3sY_JATs/s1600/logo.jpg" style="border:4px solid #000" alt="Fingerspot" width="700" height="250" />


</center>

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



Catatan:
Ganti kode yang berwarna merah sesuai gambar yang diinginkan

SELESAI.
Sangat mudah kan ?? Selamat Mencoba.., semoga berhasil...



HASIL