Cara Membuat Floating Banner di Footer WordPress


Dua minggu lalu ada seorang pemasang iklan yang berniat memasang floating banner (bannermelayang) 728 x 90 di Blogotainmen. Setelah sepakat mengenai harga, saya bingung bagaimana cara membuatnya. Dilihat dari ukuran, floating banner 728 x 90 cocoknya diletakkan di header atau footer. Untunglah, kebingungan saya itu menemukan jalan keluarnya.
Rekan saya, Franky Roni dari Blog Populer menginformasikan cara membuat floating banner difooter menggunakan plugin WP Footer Ad buatan Stefan Des. Contoh banner yang dihasilkan bisa Anda lihat di bawah ini.
contoh floating banner
Berikut adalah cara instal dan setting plugin tersebut.
Instal wp ad footer
1. Masuk ke dasbor blog wordpress Anda (bukan wordpress.com)
2. Pada fitur Plugins, klik Add New
3. Pada kolom Search, ketik WP Footer Ad lalu tekan tombol Search Plugins
4. Klik Install Now
5. Klik Active untuk mengaktifkan plugin WP Footer Ad
Setting WP Footer Ad
1. Pada fitur Plugins, klik WP Footer Ad
2. Akan tampil menu WP Footer Ad Settings
3. Pada bagian General Settings, centang kotak di sebelah Enable Plugin yang bertujuan menampilkan banner floating
4. Pada bagian Plain Text or Image Banner, pilih warna latar, ukuran huruf, warna huruf, dan link target (New tab/window atau The same tab/window)
5. Masukkan link tujuan (link pemasang iklan) pada Destination Url
6. Pada Image Url, masukkan link sumber gambar banner yang sudah Anda uploadsebelumnya. Contohnya seperti di bawah ini.
image banner setting
7. Klik Save Settings untuk menyimpan setelan yang Anda buat.
Secara default, tinggi banner pada WP Footer Ad adalah 60 px. Agar banner yang tampil tidak terpotong, Anda perlu mengubah tinggi banner tersebut menjadi 90 px atau lebih.
Caranya sebagai berikut:
1. Pada fitur Plugins, klik Editor
2. Pada bagian Select plugin to edit, pilih WP Footer Ad lalu klik tombol Select
3. Klik wp-footer-ad/js/jquery.wp-theme.js
4. Cari kode link.height lalu ubah ukurannya dari 60 menjadi 90 atau lebih. Contohnya seperti di bawah ini:
link lenght edit
5. Klik Update File untuk menyimpan setelan tersebut.
6. Cek floating banner di blog Anda.
Semoga bermanfaat bagi Anda yang hendak memasang floating banner di footer wordpress.
Previous
Next Post »

4 komment

Click here for komment
Pusat Berita
admin
March 1, 2013 at 2:56 AM ×

kalau yang g pake plugin ada g kk ?

terimakasih.

Reply
avatar
March 13, 2013 at 12:38 AM ×

Really your blog is very interesting.... It contains great and unique information. I enjoyed to visiting your blog. It's just amazing.... Thanks very much for the share.
heathrow to w2 | minicab in w2

Reply
avatar
November 19, 2013 at 6:48 AM ×

Ada gan, tapi saya lupa caranya
maaf baru balas soalnya saya baru buka blog saya

Reply
avatar

CATATAN :
1. Form komentar ini tanpa moderasi dan verifikasi.
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan.
4. Dilarang menanamkan link aktif dalam komentar ini / saya akan hilangkan selamanya.
ConversionConversion EmoticonEmoticon