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.Baca Juga: Cara Mudah Membuat Iklan Pop Under di Blog.

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
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:

Ganti tulisn “Masukan Kode iklan atau Gambar yang anda inginkan di sini” dengan kode iklan Anda

  • Terakhir klik Simpan/Save

Nah mungkin cukup sekian untuk Artikel kali ini, jika masih ada pertanyaan, silahkan kirim pertanyaan Anda pada kotak komentar dibawah ini. Baca Juga: Cara Pasang Iklan Melayang Di samping Kanan Dan Kiri Blog

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

2 thoughts on “Cara Membuat Iklan Melayang dengan Tombol Close

Leave a Reply

Your email address will not be published. Required fields are marked *

Read previous post:
Cara Memasang Game Online di Blog

helo sob gimana kabarnya? Pastinya sehat dong hehe. Oh iya...

Close