Cara Membuat Floating Banner di Footer WordPress

Dua minggu lalu ada seorang pemasang iklan yang berniat memasang floating banner (banner melayang) 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 di footer menggunakan plugin WP Footer Ad buatan Stefan Des. Contoh banner yang dihasilkan bisa Anda lihat di bawah ini.



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 upload sebelumnya. Contohnya seperti di bawah ini.



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:



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