Cara Pasang Banner atau Iklan Melayang di blog
pastinya sudah banyak di bahas oleh blogger-blogger di internet.
Walaupun cara pemasangannya terkadang berbeda-beda tapi tujuannya sama
yaitu untuk menampilkan banner di blog supaya melayang/fixed. Kali ini
saya juga ingin berbagi tentang cara membuat iklan/banner melayang di
sidebar blog, namun dengan efek yang berbeda dari biasanya. Cara ini
saya dedikasikan buat blog WordPress self host soalnya kalo buat engine
lain belum nyoba.
Maksud
efek “berbeda” itu jadi banner akan melayang/fixed hanya jika sedang
kita scroll ke bawah tetapi kalau tidak discroll maka banner tersebut
akan tetap ada pada sidebar sesuai dengan urutannya pada widget. Gimana
bingung? hehe
Oke kalau gak ngerti pake kata-kata, langsung lihat contohnya aja deh
itu kayak Fans Page yang ada di sidebar sebelah kanan blog ini dan
tombol share yang ada di kiri postingan. Coba scroll kebawah, terus
scroll lagi keatas. Sekarang tau kan maksudnya? Nah itu maksud saya tadi
Oke mau tau caranya? Langsung praktek check it out!
Caranya mudah saja hanya tinggal menambahkan sedikit class di css terus tambahkan sedikit script tambahan pada kode bannernya.
Langkah pertama masuk ke Dashboard wordpress lalu tambahkan class berikut pada style.css theme yang digunakan, lalu simpan.
Langkah kedua masukan script banner yang ingin ditampilkan dengan format seperti dibawah ini, lalu simpan di widget.#sticky.stick {
position: fixed;
top: 20px;
}
<div id=”sticky-anchor”></div>
<div id=”sticky”>
KODE BANNER
</div>
Selanjutnya coba reload halaman
websitenya, apakah scriptnya sudah bekerja? Kalau misalnya belum, coba
clear cache browser atau empty cache kalau menggunakan plugin cache dan
reload lagi.
Saya
menyarankan penggunaan cara ini hanya untuk memasang banner biasa atau
fans page, sedangkan untuk memasang iklan ppc seperti misalnya Google
Adsense saya sarankan jangan menggunakan metode fixed/melayang karena dari kebanyakan penyedia layanan periklanan (terutama PPC) hal ini melanggar TOS dan kemungkinan akan kena Banned.