Cara Membuat Iklan Melayang di Blog

Cara Membuat Iklan Melayang di Blog. Sesungguhnya tips ini bukan hanya membuat iklan melayng pada blog, tetapi gambar atau teks juga anda bisa pasang melayang pada blog anda. Sebelum melakukan trik ini alangkah lebih baik jika saya memperkenalkan bagaimana bentuk iklan yang melayang pada blog. Mungkin saat ini telah banyak blogger yang menampilkan iklan yang melayang pada blognya, atas dasar itu saya ingin memberikan tips ini kepada anda yang belum tau gimana cara untuk memasangnya.
Berikut Contoh iklan yang melayang.

Nah untuk tampilan dari iklah melayang adalah seperti di atas itu tuh.... Keren kan  sobat t'Net?. Selain itu juga iklan yang melayang ini dilengkapi dengan tolls "CLOSE".
Untuk memasangnya pada blog, silahkan ikuti Langkah-Langkah berikut

1. Seperti biasa, Login ke blogger dengan ID anda
2. Pada dasbor anda, pilih Rancangan
3. Pada Elemen Laman, pilih Tambah Gadget/Add Gadget
4. Kemudian pilih HTML/JavaSript
5. Letakkan kode di bawah ini (yang pasti COPAS lah)

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pqdCd2Z55Ytiai4v4ltxkkLvhmb_xlUUboeT_qovMFgQVZG-khxKTRFIqfNqO-qlrhWu6UW5UciJDX83zqKpjUxm2N_A6-vfTc273Hy6ZEVlgRBqrtBzc3pCNrUgtH-8U1MG_liAFig/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4pqdCd2Z55Ytiai4v4ltxkkLvhmb_xlUUboeT_qovMFgQVZG-khxKTRFIqfNqO-qlrhWu6UW5UciJDX83zqKpjUxm2N_A6-vfTc273Hy6ZEVlgRBqrtBzc3pCNrUgtH-8U1MG_liAFig/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


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

Masukan Kode iklan atau Gambar yang anda inginkan di sini
</center>

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

6. Kemudian Save
Gampang kan?
Selamat mencoba yah, semoga bermanfaat...