Membuat Iklan Melayang Dengan Tombol Close

Cara membuat floating ads di blog anda itu lah topik pembahasan kita hari ini. pasti sudah banyak yang mengerti apa yang dimaksud dengan floating ads bukan? Bagi yang belum mengerti jangan khwatir akan saya terangkan terlebih dahulu.

yang dimaksud dengan floating ads itu adalah sebuah iklan yang mengembang dilayar blog anda secara tiba-tiba muncul. lihat contoh disini, yang posisinya baik diatas maupun dibawah blog anda (tergantung keinginan) yang akan tampil jika tidak di CLOSE (tutup). Nah dengan adanya Floating ads ini sangat bermanfaat bagi anda yang mempunyai iklan per klik. salain tampilan nya yang menarik tentunya memberi keuntungan bagi anda sendiri, karna iklan anda akan mudah terlihat oleh pengunjug. Nah untuk memasangnya sangat lah mudah.

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah

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