Cara Membuat Iklan Melayang atau Floating Ads di Blog dengan Tombol Close

Cara Membuat Iklan Melayang atau Floating Ads di Blog dengan Tombol Close. Bagi Anda yang tentunya sudah bermain program iklan di internet maka tidak asing lagi dengan istilah cara membuat iklan yang melayang atau bisa di sebut dengan floating ads. Mungkin kebanyakan advertiser sering menggunakan trik ini untuk bertujuan meningkatkan earning bagi mereka. Namun perlu untuk Anda ketahui, jika blog kita di pasang iklan melayang (floating ads) maka akan membuat pengunjung blog kita tidak betah atau berlama lama di blog tersebut, atau bahkan si pengunjung bisa bisa langsung kabur karena adanya jenis iklan yang melayang menutupi kontent.

Namun di sini saya hanya membagikan tentang cara membuat jenis iklan yang melayang atau floating ads di blog, apabila cara ini mau di terapkan di blog Anda maka silahkan bisa di terapkan, namun jika tidak juga tidak apa apa.

Marilah kita langsung ke tahap pembuatannya:

1. Hal yang harus pertama kali Anda lakukan adalah login terlebih dahulu ke Blogger.com

2. Kemudian masuk ke Tata Letak -> Tambahkan Gadget -> Pilih HTML/JavaScript

3. Lalu paste code berikut di dalam HTML/JavaScript

<style type="text/css">
#gb{
position:fixed;
top:10px;right: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 Anda di sini yahhh
</center>

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

4. Jika sudah klik simpan dan lihat hasilnya, maka akan muncul tampilan iklan yang melayang di blog Anda.


Itulah Cara Membuat Iklan Melayang atau Floating Ads di Blog dengan Tombol Close yang dapat saya bagikan tutorialnya ke pada Anda dan jika Anda ingin mempraktikkannya maka silahkan di coba coba. Namun jangan salahkan saya apabila pengunjung blog Anda akan menjadi kabur atau tidak betah karena jenis iklan yang melayang itu.