Cara Membuat Iklan Melayang dengan Tombol Close

Cara Membuat Iklan Melayang dengan Tombol Close-Salah satu cara untuk menambah penghasilan dari blog adalah dengan memasang iklan, baik itu PPC maupun program iklan lainnya. Seperti kita tahu keberadaan iklan di blog akan membantu menambah penghasilan bagi pemilik blog/web.

Untuk memaksimalkan penghasilan dari proglam iklan bisa kita optimalkan untuk penempatan iklan, seperti pada sidebar, dibawah judul maupun dibawah artikel. Namun pemilik blog terkadang tidak puas karna minimnya pengunjung klik iklan.

Nah pada artikel kali ini saya ingin memberikan sebuah tips untuk meningkatkan penghasilan blog dengan menempatkan iklan melayang atau sering juga disebut dengan Float Top Bar, dengan memasang iklan seperti ini maka kesempatan pengunjung untuk klik iklan makin terbuka.

Cara Membuat Iklan Melayang dengan Tombol Close

Kekurangan dengan memasang iklan melayang atau Float Top Bar, tiap pengunjung tidak semua menyukai keberadaan ini, mungkin dikarnakan terkesan mengganggu. Oleh sebab itu bagi Anda yang ingin memasang cara seperti ini sebaiknya dipertimbangkan terlebih dahulu untuk menjaga kenyamanan pengunjung Anda. Namun jika Anda sudah yakin berikut ini adalah langkah-langkahnya:

Pertama silahkan login ke akun blogger Anda
Masuk ke tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget dan pilih HTML/JavaScript
Copy kode dibawah ini:

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

Keterangan: