Membuat Iklan Melayang di Blog dengan Tombol Close Klik 2 Kali

Sipemalas.com - Iklan merupakan salah satu sumber penghasilan para blogger, banyak jenis iklan yang bisa ditampilkan pada blog. Contohnya iklan pop up, iklan melayang ( floating ), iklan direct, iklan banner, iklan link dan masih banyak macam iklan lainya, bahkan ada juga iklan ghoib (iklan yang tidak keliatan seperti iklan) haha.

Sering saya mengunjungi blog dengan berbagai macam iklan banner , salah satunya iklan banner melayang yang berada di tengah dengan tombol close 2x , iklan ini menutupi bagian konten blog dan ketika sudah di klik 1 kali maka iklan tersebut akan muncul kembali sampai di klik 2 kali iklan baru hilang , sangat besar peluang iklan tersbut untuk di klik.

Iklan melayang ini sangat mengganggu dan di larang oleh iklan PPC karena muncul nya di tengah blog ( kesannya seperti membuat jebakan agar di klik ) , iklan ini lebih disarankan untuk iklan banner mandiri , maksudnya iklan sponsor banner yang langsung menuju link blog utama yang tidak punya aturan dan larangan , tidak seperti iklan adsense banyak ketentuan dan aturan nya .

- Tidak disarankan untuk iklan adsense melayang
- Sangat menggangu penggunjung

Cara Membuat Iklan Melayang di Blog dengan Close 2 kali

1. Login ke dashboard blogger.
2. Klik menu Tata Letak > Tambah Gadget (add gadget).

3. Pilih Javascript/HTML , masukan script 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>

<a href='http://www.sipemalas.com/' style='margin-left: -4em; margin-right: 1em;' target='_blank' title='SI PEMALAS'><img alt= 'BELAJAR NGEBLOG BARENG SI PEMALAS' height='250px' src='http://3.bp.blogspot.com/--xuY1yJ8zu4/WBTFZkAWDbI/AAAAAAAAAew/RKFCQx5L4aMydW7qbEIamE-7vevdSidCQCK4B/s1600/background%2Bbaru.jpg' width='300px'/></a>

</center>

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

4. Klik save dan lihat hasilnya .

Jika kamu ingin menggunakan iklan banner di iklan melayang tersebut , bisa pakai secript di bawah ini , atur tinggi dan lebar sesuai yang kamu inginkan.

<a href='http://www/' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Judul Iklan Banner Kamu'><img alt='ALT IMAGE' height='250px' src='Isi Dengan URL Banner Kamu' width='300px'/></a>

- Ganti http://nama.blogspot.co.id dengan url iklan yang ingin di pasang
- Ganti Judul Iklan Banner Kamu , disesuaikan saja
- Ganti Isi Dengan URL Banner Kamu , url banner yang ingin ditampilkan
- Merubah ukuran tinggi height='250px' dan lebar width='300px'

Oke cukup sekian tutorial blog cara membuat iklan melayang kali ini, semoga bisa membantu dan bermanfaat, terimakasih.