Sidebar mengambang adalah sesuatu yang Anda lihat di sebagian besar situs web, tetapi hari ini Anda di sini untuk mempelajari cara menambahkan bilah sisi mengambang di blog WordPress . Sidebar mengambang digunakan di situs web untuk menarik perhatian pengunjung dan sidebar mengambang memiliki tingkat konversi yang sangat tinggi jika digunakan dengan widget Berlangganan .^(Subscribe)

Saya menggunakan widget berlangganan mengambang dari waktu yang lama dan saya dapat memastikan hasilnya. Nah, Anda dapat menggunakan ini dengan segala jenis widget tidak hanya dengan widget berlangganan. Anda dapat menggunakannya untuk mempromosikan posting terbaru Anda, Ebook atau gambar dll. Sidebar mengambang meningkatkan visibilitas apa pun yang ingin Anda promosikan kepada pengunjung Anda dan itu pasti menarik perhatian.

Sebelum melangkah lebih jauh, saya ingin memberi tahu Anda bahwa terkadang menggunakan bilah sisi benar-benar dapat menghambat tingkat retensi pengunjung Anda karena mengacaukan keseluruhan pengalaman pengunjung. Jadi, Anda harus selalu menggunakan widget desain polos dan sederhana saat menggunakan dengan bilah sisi mengambang.

Cara Menambahkan Sidebar Mengambang di Wordpress

Nah jika anda ingin menambahkan floating sidebar di blog WordPress maka anda harus menginstall plugin ini yang bernama Q2W3 Fixed Widget . Untuk menginstalnya dari panel admin Anda, buka Plugins > Add New lalu cari plugin. Instal^(Install) dan Aktifkan^(Activate) plugin, sehingga Anda dapat mulai menggunakannya.

Setelah mengaktifkan plugin, buka Appearance > Widgets dan di dalam sidebar Anda klik pada widget yang ingin Anda buat lengket. Cukup centang kotak kecil di dekat opsi widget Tetap^(Fixed) lalu klik simpan dan Anda akan memiliki bilah sisi mengambang yang bagus, hal-hal yang cukup mudah.

Cara mengonfigurasi Widget Tetap

Jangan terlalu bersemangat karena ada lebih banyak Widget Tetap Q2W3^{(Q2W3 Fixed Widget)} , buka Appearance > Fixed Widget Opsi^(Options) Widget Tetap untuk mengonfigurasi plugin. Di halaman ini, Anda dapat mengatur margin, menonaktifkan plugin untuk perangkat seluler, dan Anda bahkan dapat membuat ID HTML^{(HTML ID)} khusus . Baiklah^(Well) , mari kita masuk ke detail masing-masing.

Margin Top harus diatur sesuai dengan seberapa banyak ruang yang Anda butuhkan antara floating sidebar dan margin atas. Demikian pula Margin Bottom harus diatur sesuai dengan kebutuhan Anda.

Satu hal yang ingin saya bagikan di sini adalah bahwa Margin Bottom harus diatur agar tidak tumpang tindih dengan footer Anda. Anway periksa nilai yang berbeda dan setelah Anda puas dengan hasilnya, klik untuk menyimpan.

Jika Anda ingin menonaktifkan plugin untuk perangkat seluler, cukup ketik nilai lebar layar di bawah yang akan dinonaktifkan plugin di Disable Width dan Diable Height . Perhatikan bahwa kedua nilai diperlukan jika Anda ingin menonaktifkan plugin untuk tinggi & lebar tertentu.

ID HTML khusus^{(Custom HTML IDs)} juga tersedia jika tinggi footer Anda mengubah halaman ke halaman, maka untuk memperbaiki masalah yang tumpang tindih, Anda harus menggunakan  id tag HTML . Nah^(Well) , wadah footer tema memiliki id misalnya  Twenty Sixteen wadah footer tema default memiliki id="colophon". Di ID HTML Khusus^{(Custom HTML IDs)} , saya hanya perlu memasukkan tanda titik koma, tanpa simbol lain! Dan sidebar Floating akan bekerja dengan sempurna.

Saya harap artikel ini bermanfaat bagi Anda dan Anda berhasil mempelajari cara Menambahkan Sidebar Mengambang di blog Wordpress tanpa masalah. Jika Anda masih memiliki pertanyaan tentang panduan ini, silakan tanyakan di komentar.

Punya beberapa saran atau ide tentang widget tetap? Beri tahu saya karena saran dipersilakan.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is ѕomething whіch you see оn most of the websites but tоdаy you are here to learn how to add a floating sidebar in WordPress blog. Floating sidebars are used in websiteѕ to grab the visitors attention and floating ѕidebar have a very high conversion rate if used with the Sυbscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• Bagaimana memindahkan WordPress site dari satu host ke yang lain

• Cara Memasang & Setup WordPress pada Microsoft Azure

• Bagaimana menjalankan blazingly cepat WordPress di Microsoft Azure

• Cara mengkonfigurasi Privacy di WordPress dan mengapa ini penting

• Bagaimana menginstal WordPress di Google Cloud Platform

• Redirect pengguna dari 404 Halaman di WordPress

• Cara Mengatur WordPress Secara Manual di Domain

• Cara Menduplikasi Halaman di WordPress

• Cara Menghapus Malware Dari Situs WordPress Anda

• Cara memeriksa apakah sebuah situs web adalah dilarang AdSense

• Cara Transisi Dari Editor WordPress Klasik Ke Gutenberg

• Cara Memperbarui PHP di WordPress

• 9 Harus Memiliki Plugin Untuk Instalasi WordPress Baru

• Cara Membuat Blog Wix yang Sebagus WordPress

• Cara Memasang Tema di WordPress

• Protect dan aman WordPress website dari peretas

• menunjukkan WordPress HTTP Error ketika gambar upload

• Cara Mengatur Situs Web Seperti Twitter Anda Sendiri Menggunakan Tema P2 WordPress

• 3 Plugin SEO Terbaik Untuk WordPress

• 11 Plugin Podcast WordPress Terbaik