Pasti anda pernah mengakses sebuah website dan menemukan widget yang mengambang dilayar monitor. Di Era Teknologi Kekinian dalam melakukan promosi atau iklan suatu produk sangat membutuhkan yang namanya fiture Fixed Widget, tentu saja tujuannya untuk dilihat dan diklik. Dengan keberadaan element mengambang saat di scroll sangat memungkinkan tingkat klik yang lebih tinggi jika anda gunakan untuk iklan.
Widget melekat dianggap jauh lebih baik oleh pengunjung Anda daripada widget tidak tetap dan oleh karena itu memiliki rasio klik-tayang yang jauh lebih tinggi. Karenanya, opsi ini sangat berguna untuk iklan atau item lain yang ingin berinteraksi dengan pengunjung. Solusi yang disarankan untuk mengintegrasikan iklan di WordPress adalah plugin manajemen iklan gratis, Iklan Lanjutan.
Di artikel ini, kami sudah punya beberapa cara membuat fixed widget di wordpress, Nah buat anda yang masih bingung caranya kita akan bahas di artikel ini! Semakin penasaran, kan? Yuk, simak sampai akhir!
CARA PERTAMA
Menambahkan Kode CSS
Pada HTML Widget yang akan anda atur sebagai Position Fixed Wiget, position fixed memiliki kelebihan untuk menset posisi elemen untuk tidak berubah meskipun dilakukan scroll pada halaman website, meskipun kita scroll posisinya tetap ada disana, nah itu adalah contoh penggunaan dari position fixed, untuk memahami silahkan perhatikan Contoh Code Berikut dibawah ini :
<style type="text/css"> .coba { position: fixed; left: 100px; top: 100px; }
Dengan Menyisipkan Code CSS diatas pada HTML berikut ini maka Tulisan “ini adalah contoh penggunaan position” akan terposisi Fixed sehingga akan terus mengambang meskipun di scroll.
<!DOCTYPE html> <html> <head> <title>Position FIXED</title> <style type="text/css"> .coba { position: fixed; left: 100px; top: 100px; } </style> </head> <body> <div class="coba"> ini adalah contoh penggunaan position:fixed; </div> <br/> </body> </html>
CARA KEDUA
Menggunakan Plugin Q2W3 Fixed Widget For WordPress
- Langkah Pertama Download dan Instal Plugin Q2W3 Fixed Widget lalu aktifkan plugin.
- Buka Menu Appearaence -> Fixed Widget Option.
- 3. Sesuaikan Pengaturan yang anda inginkan seperti mengatur Margin Top maupun Bottom dll.
- 4. Buka Menu Widget di Appearaence -> Widget.
- 5. Pilih Widget yang kamu inginkan untuk diset Fixed Widget.
- 6. Centang CheckBox Fixed Widget.
Selesai. Sekarang anda sudah bisa cek widget anda. Teriamakasih sudah membaca artikel dari fixcoding:)