Tutorial Membuat Widget Fixed atau Melayang Pada WordPress
|Tutorial Membuat Widget Fixed atau Melayang Pada WordPress – Saat Anda mengunjungi beberapa blog atau website mungkin Anda akan melihat ada bagian yang ketika di scroll atau halaman digulung dengan mouse maka bagian tersebut akan mengikuti kebawah maupun keatas. Ada beberapa bagian element penting yang dibuat fixed, mengambang atau melayang oleh pemilik website untuk tujuan tertentu. Mungkin Anda akan melihat element dibuat fixed pada bagian header bar, footer bar, sidebar widget maupun newsletter dan masih banyak lagi.
Untuk membuat melayang atau fixed pada bagian header, maupun footer bar Anda bisa membaca tutorial-tutorial saya pada blog ini. Untuk artikel ini saya akan khusus membuat tutorial untuk membuat widget menjadi fixed atau melayang dengan menggunakan plugin gratis q2w3 Fixed Widget.
Keuntungan Membuat Widget Melayang
Dengan adanya bagian element pada website yang melayang atau mengambang saat di scroll ini akan memungkinkan tingkat klik yang lebih tinggi daripada bagian yang terlihat diam atau tetap. Jika Anda menggunakan fixed widget ini untuk iklan maka secara otomatis akan meningkatkan pendapatan Anda karena pengunjung akan merasa tertarik untuk melihat bagian yang lebih menonjol daripada yang lain tersebut.
Anda bisa menggunakan cara ini bukan hanya untuk iklan, tapi untuk membuat melayang pada berbagai macam widget yang terdapat pada situs WordPress Anda. Anda bisa membuat melayang untuk postingan terkahir, postingan terbaru, kotak subscriber, iklan dan masih banyak lagi.
Tidak hanya situs web kecil yang menggunakan cara ini untuk menarik perhatian pengunjung, tapi situs jejaring social facebook yang terkenal juga membuat bagian sidebar mereka melayang atau fixed untuk bagian iklannya. Dengan mengetahui hal tersebut, itu sudah membuktikan bahwa membuat bagian element pada sidebar terlihat melayang memberikan dampak yang besar untuk menarik perhatian pengguna. Jadi sekarang adalah saatnya untuk Anda menerapkan cara ini pada situs WordPress Anda.
Cara Membuat Widget Fixed atau Melayang di WordPress
Hal pertama yang perlu Anda lakukan adalah menginstall dan mengaktifkan plugin q2w3 Fixed Widget melalui admin WordPress Anda. Anda bisa membaca artikel berikut ⇒ Panduan Lengkap Cara Install Plugin WordPress.
Setelah plugin selesai Anda install dan aktifkan maka akan muncul item menu baru dengan nama “Fixed Widget Options” dan menjadi sub menu dari Appearance. Dan silahkan masuk ke menu tersebut untuk melakukan konfigurasi plugin.
Pada halaman pengaturan plugin Anda akan melihat pengaturan yang sangat sederhana dan pemula pun pasti akan dengan mudah untuk melakukan konfigurasi pada plugin ini.
Seperti gambar diatas ini, Anda akan melihat pada bagian “General Options”, Dimana Anda dapat mengatur “Margin Top” sebagai jarak dari widget yang akan Anda jadikan fixed atau melayang dengan jarak widget lain, begitu juga sebaliknya untuk pengaturan “Margin Bottom” berarti untuk jarak dengan element dibawah nya.
Sedangkan untuk “Refresh Interval” biarkan seperti defaultnya yaitu 1500, dan untuk screen max width adalah untuk ukuran widget tersebut untuk menampilkan widget dalam keadaan melayang, misal jika Anda isi dengan 800px, maka saat ukuran dibawah 800px maka widget tidak akan terlihat melayang, jadi ini bisa Anda gunakan untuk mengatur ketika pengguna menggunakan smartphone maka tidak akan terlihat melayang.
Selanjutnya untuk bagian “Compability” saya hanya mencentang untuk Auto fix Widget id dan User jQuery Window, sedangkan untuk widget display callback saya masukkan nilai 30. Dan jika konfigurasi Anda selesai jangan lupa untuk klik tombol “Save Changes”.
Selanjutnya yaitu langkah terakhir untuk membuat widget fixed, silahkan masuk ke menu Appearance » Widgets dan pilih widget mana yang ingin Anda bikin melayang, dan lakukan centang pada pilihan checbox “Fixed Widget”. Dalam contoh ini saya membuat text widget sebagai uji coba. lihat gambar berikut.
Setelah Anda centang pada pilihan “Fixed Widget” silahlan untuk menyimpan widget dan lihat perubahan pada situs WordPress Anda. Jika bagian sidebar yang Anda buat fixed tidak tampil melayang, silahkan untuk menghapus cache pada browser Anda dan juga cache pada situs WordPress Anda jika menggunakan plugin caching.
Catatan: Plugin fixed widget ini bekerja untuk semua jenis widget yang berada pada WordPress. Anda dapat menggunakannya untuk berbagai hal seperti promosi produk, posting populer, foto flickr, facebook, kalender Google, dan apapun yang ingin Anda pasang menjadi fixed atau melayang.
Dan itulah panduan singkat untuk membuat widget melayang pada WordPress dengan plugin q2w3 Fixed Widget. Semoga artikel ini bermanfaat buat Anda dan silahkan mencoba. 🙂
Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.
Daftar isi Tutorial WordPress Terlengkap GratisRegister Now: TOP 10 Hosting
Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals
untuk bkin ads parallax,,sperti background seperti di kompas,idn times,,ada tutor g gan,,,lgi bnyak yg penasaran tuhh
Izin nyobaa, kayanya bagusss bwt di websitekohh
Cocok dan mantap Juragan
tutorialnya sangat membantu kak, jadi widget saya tetap gentayangan meski kursor sudah mengarah kebawah
Numpang tanya min , jika membuat widget melayang untuk iklan google adsense seperti yang admin pakai di beranda apakah tidak melanggar kebijakan google adsense ? saya mau menerapkan seperti itu namun takut tidak di perbolehkan oleh google adsense ? mohon bantuannya min
gimana cara bikin widget yg tulisan must read kayak web ini gan
Terimaksih bang info nya sangat membantu 😀
hehehe,, ini plugin yang udah lama ane cari-cari,,, terimakasih banyak masbrooo..
dulu ane terinspirasi dari detikom yang pake fixed menu sidebar,
sekali lagi thanks,,,,,
Sama-sama gan, sering-sering berkunjung kesini. biar nemuin yang baru-baru lagi. 🙂
mantab. ini gan yang saya cari. thanks tutorialnya gan.
Semoga membantu gan. 🙂