Membuat Iklan Melayang dengan Close 2x di Blog

Perkembangan blog dan situs kian hari kian menjamur. Ini artinya perkembangan iptek dan minat orang Indonesia sangat tinggi, khususnya kepada teknologi. Terlebih jika kita melihat perkembangan alat telekomunikasi, khususnya gadget. Hampir bisa dipastikan bahwa tiap orang memiliki alat telekomunikasi berupa hape.

Bahkan menurut sumber yang ada, perkembangan gadget atau android sangat menjulang. Maka tidak heran jika kita melihat anak-anak SD sudah memegang hape bertipe android ini.

BACA:
Kumpulan Situs Pemendek Url yang Menghasilkan Uang

Ternyata fenomena ini sudah ditangkap oleh banyak kalangan dengan memunculkan berbagai macam peluang. Salah satu peluang itu adalah iklan dalam berbagai media. Tak terkecuali iklan pada situs atau blog. Menjamurnya iklan di berbagai macam produk di situs pun menjadikan bentuk dan karakter iklan beranekaragam. Mulai dari iklan melayang di bawah blog, di atas postingan, tengah, ataupun di sidebar. Bahkan tak kalah juga adalah iklan yang melayang dengan disertai tombol close.

BACA:

• Cara Memasang Iklan di Tengah Postingan tanpa Merusak Gambar
• Cara Membuat Iklan Melayang di Bawah Blog

Mengenal Iklan Melayang dengan Close 2x

Sahabat pernah mendapati iklan melayang-layang di blog hingga menutupi postingan? Bahkan, iklan ini akan terus mengikuti walau kita scroll ke atas ataupun ke bawah? Dan, umumnya untuk menutup iklan ini dibutuhkan klik 2 kali? Jika sahabat pernah mendapatinya, berarti sahabat telah mengenal tutorial yang hendak dibuat ini.

Iklan yang seperti digambarkan di atas itulah, gambaran dari iklan melayang dengan close 2x di blog. Iklan ini bagus, namun membuat pengunjung jengkel. Bahkan pemasangan iklan seperti ini sebenarnya dilarang oleh PPC. Tetapi iklan ini bagus untuk para publisher atau iklan dari sahabat sendiri.

Iklan ini memiliki karakter 'memaksa' para pengunjung untuk mengkliknya. Terlebih jika pengunjung tidak cermat bahwa sebenarnya ada tombol closenya.

Cara Membuat Iklan Melayang dengan Close 2x di Blog

Jika sahabat memang berkehendak untuk membuat iklan melayang dengan close 2x di blog, maka berikut adalah cara membuatnya:

1. Silahkan sahabat login ke dashboard blog.
2. Kemudian, klik menu tata letak > tambah gadget (add gadget).
3. Pilih Javascript/HTML dan tulis kode di bawah ini di dalamnya.
<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>
KODE IKLAN ATAU GAMBAR YANG INGIN DITAMPILKAN
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Silahkan masukkan kode iklan atau gambar yang hendak ditampilkan di tempat yang tersedia di atas.
4. Save.

Sekarang, sahabat memiliki iklan melayang dengan close 2x di blog. Maka tugas selanjutnya, silahkan menikmati keuntungan memasang iklan tersebut. Semoga sukses...

TAMBAHAN

Setelah Ngonline06 mempublish dan memberi tutorial di atas, sepertinya ada beberapa sahabat yang masih kesulitan, terkhusus pada 'bagaiaman bentuk kode iklan'. Jika iklannya berupa iklan adsense, mungkin tidak terlalu sulit mengingat sahabat tinggal mengambil script iklan yang sudah disediakan. Namun menjadi hal yang sulit terlebih bagi pemula untuk menampilkan iklan gambar. Maka sebagai tambahan, Ngonline06 akan berbagi contoh kode HTML yang menampilkan gambar iklan.

Adapun langkah-langkah pembuatannya adalah sebagai berikut:

1. Silahkan tentukan dulu gambar yang hendak diupload. 
2. Jika sudah, silahkan upload gambar tersebut. Lebih mudahnya, sahabat upload seperti biasa saat mau memposting tulisan. 
3. Kemudian ambil Url gambar tersebut dan simpan.

Adapun berikut adalah contoh kode HTML yang berupa gambar. Ikuti dan sesuaikan saja kode di bawah ini dengan Url situs sahabat dan Url gambar.

<a width="120" href=http://pustakamadrasah.blogspot.co.id target="_blank" hight="600"><img border="0" alt="Link Banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1BAptbTHqZXfaYBTvjnkNXHleSI-5T5pVsRqCc5lpwONaYZ4wct3DlpnUjnFu1pbxsyZirOh7JvjLi9Nfs836TZuE3OhcwRA3s_ZLAWchXTW00MdAekglUOjc3mo3Uo15tgAjxAtjtQW/s1600/iklan2.png"/></a>

Ket. huruf yang berwarna merah adalah Url situs/blog dan huruf yang berwarna biru adalah Url gambar.