Cara Membuat Iklan Melayang di Blog

DIRGAENGGAR.COM - Iklan melayang di blog terkadang membuat kita sebagai pembaca blog menjadi terganggu. Pengunjung blog biasanya menyukai blog yang dari segi tampilannya itu sederhana, tanpa embel-embel iklan. Karena memang pengunjung blog sudah mengetahui mau tidak mau kita harus mengklik iklan tersebut yang akan berdampak penambahan uang bagi pemilik blog.

Salah satu cara mendapatkan uang dari blog ya dari klik-klik iklan yang ditampilkan di blog kita. Oleh karena itu, iklan yang melayang biasanya menjadi cara efektif yang digunakan untuk pemilik blog dalam meraup pund-pundi uang, karena mau tidak mau, pengunjung akan mengklik iklan tersebut untuk membaca postingan yang ada. Bisa juga, iklan tersebut juga sebagai pengumuman sesuatu agar pembaca juga bisa mengetahui yang ingin disampaikan oleh pemilik blog, misalnya pengumuman ganti dimain atau yang lainnya.

Cara Membuat Iklan Melayang di Blog

1. Masuk ke dashboard blog.

2. Pilih tabs menu Tata Letak - Tambahkan Gadget - pilih HTML/Javascript.

3. Masukkan kode untuk iklan melayang di bawah 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>

Taruh di sini IKLAN atau Text yang akan ditampilkan

</center>

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

• Warna hijau : ganti sesuai kebutuhan untuk menata letak iklan.
• Warna biru : ganti sesuai kebutuhan untuk menata ukuran iklan yang muncul.
• Warna kuning : ganti sesuai keinginan kata-kata untuk memberitahukan cara menutup iklan.
• Warna merah : ganti sesuai keinginan iklan yang ditampilkan. 

4. Simpan dan refresh halaman blog.

Cara membuat iklan melayang bisa dilakukan dengan mudah. Segala pemberitahuan yang ingin dibaca oleh pengunjung bisa tersampaikan dengan baik. Terima kasih.