Cara Membuat Iklan Melayang

Saat ini anda sedang mencari tutorial bagaimana caranya membuat Iklan Melayang seperti iklan yang melayang di kompas,detik atau website yang pernah anda jumpai. Tepat disinilah saya amad soleh akan memberikan tutorial untuk anda cara membuat iklan melayang di website atau blog anda.

Contoh Iklan Melayang Pada sebuah Website atau Blog

Berikut totorialnya :

Masuk dan Login Ke Blogger.com
Pilih Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Silahkan Copy kode di bawah ini

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_5HXu8brQaeG8_mJgf6iCPEd13JkcNX3AztWgYu2YYoNx6P2Wk9cLPHSRNllEPAxhS9VMAHI6s2Mb1u0JyD0WvsFuB3ERH8IcgWPrlqReufcC-1XkcYEvL50A_Q1ygtR5Qr0TAzF43Z0/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/AVvXsEg_5HXu8brQaeG8_mJgf6iCPEd13JkcNX3AztWgYu2YYoNx6P2Wk9cLPHSRNllEPAxhS9VMAHI6s2Mb1u0JyD0WvsFuB3ERH8IcgWPrlqReufcC-1XkcYEvL50A_Q1ygtR5Qr0TAzF43Z0/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>