Membuat Iklan Melayang

Iklan melayang merupakan salah satu solusi untuk mengatasi ruang atau space iklan yang tidak mencukupi lagi. Iklan yang melayang juga merupakan salah satu strategi untuk klik yang valid dari pengunjung blog. Sebelum memasang iklan melayang ada baiknya sobat menentukan posisi letak iklan yang diinginkan agar tidak menggangu pengunjung blog sobat. Perlu di ingat juga iklan melayang dalam jumlah banyak akan menggangu kenyamana pengunjung maka pergunakanlah dengan tepat dan sefektif mungkin. Berikut langkah memasang iklan melayang :

  1. Login ke blogger

  2. Pilih  Rancangan pada halaman dasbor

  3. Pilih Elemen laman dan Tambah Gadget

  4. Pilih HTML/Javascript dan masukan kode di bawah ini

<a onblur="try {parent.

deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjk2qBl-fSa230FV8uXUsN6T-ICjaAuvzMNFFVcDYLVI4x5IFC9Dra_lVjO6LMXnsFFRtH0eksN9QLgYBXqgiyy84D5O46cAisubLlYCuUZj8jTxmSRRpFwot845PMSps0mXj_mo-1Sn8/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/AVvXsEhjk2qBl-fSa230FV8uXUsN6T-ICjaAuvzMNFFVcDYLVI4x5IFC9Dra_lVjO6LMXnsFFRtH0eksN9QLgYBXqgiyy84D5O46cAisubLlYCuUZj8jTxmSRRpFwot845PMSps0mXj_mo-1Sn8/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/script iklan anda di sini

</center>

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

  5 . Simpan kode di atas.
       Ket :
       width: 400px; height: 300px Lebar atau panjang frame iklan
       .:[Close][Klik 2x]:. Fungsi sebagai menutup iklan

Lihatlah hasilnya jika tata letak dan besarnya frame iklan tidak sesuai sobat dapat mengubahnya sendiri sesuai selera masing-masing.