Cara Membuat Widget Sticky di Sidebar

1 min read

Widget sticky adalah widget yang tetap akan muncul meskipun laman blog di scroll ke bagian bawah oleh pengunjung. Widget sticky biasanya digunakan blogger untuk menonjolkan konten atau informasi tertentu, seperti widget langganan artikel, widget artikel populer, hingga iklan.

hosting murah unlimited

Widget sticky sebenarnya cukup berguna untuk memastikan pengunjung tidak melewatkan konten penting yang Anda pasang di sidebar. Karena yang dibutuhkan pengunjung adalah informasi, maka fokus mereka tentu saja pada area laman artikel, dan semakin panjang artikel yang mereka baca, maka semakin kecil pula potensi konten penting di sidebar terbaca oleh mereka.

widget sticky
Contoh widget sticky di sidebar

Solusinya adalah dengan memasang widget sticky. Untuk membuat widget sticky di sidebar cukup dengan menambahkan kode Javascript diatas tag </body> pada template blog. Dan bagi pengguna WordPress self-hosting bisa juga dengan menggunakan plugin. Cukup banyak plugin widget sticky yang bisa Anda gunakan secara gratis, berikut ini beberapa diantaranya:

  • WP Stick It WordPress Plugin
  • Q2W3 Fixed Widget WordPress Plugin
  • Advanced Floating Content Plugin
  • Floatton WordPress Floating Action Button
  • Theia Sticky Sidebar For WordPress
  Tips SEO Blog: Dasar Optimasi Mesin Pencari

Cara Memasang Widget Sticky Tanpa Plugin

Copy kode dibawah ini

<script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.js”></script>
<SCRIPT>
$(document).ready(function() {
var div = $(‘#WIDGET_ID_NAME‘);
var start = $(div).offset().top;
$.event.add(window, “scroll”, function() {
var p = $(window).scrollTop();
$(div).css(‘position’,((p)>start) ? ‘fixed’ : ‘static’);
$(div).css(‘top’,((p)>start) ? ‘0px’ : ”);
});
});
</SCRIPT>

Silakan masuk ke laman editor template, dan paste kode tersebut tepat diatas kode </body>

Simpan perubahan – Selesai

Silakan cek hasilnya.

Note: Ganti kode berwarna merah dengan ID widget yang ingin Anda buat menjadi sticky (floating).

hosting murah gratis domain

Cara Backup Blog WordPress

Untuk menghindari kerugian yang disebabkan oleh hal-hal yang tak terduga, ada baiknya Anda melakukan backup blog secara terjadwal. WordPress merupakan CMS opern source yang...
bl
1 min read

Cara Membuat Widget Artikel Terkait di Blogspot

Keberadaan widget artikel terkait atau related post amat berguna untuk meningkatkan page view blog. Jika Anda pengguna WordPress self hosting, banyak plugin artikel terkait...
bl
1 min read

4 Replies to “Cara Membuat Widget Sticky di Sidebar”

  1. Selamat Pagi Mas Bro, saya ingin bertanya, theme yang saya pakai ternyata tidak cocok dengan wordpress 4.8 update yang terbaru, sehingga widget sidebarnya tidak bisa di ubah2, tetapi saya ingin membuat widget sticky di sidebar, terima kasih

Leave a Reply to Franky honda Cancel reply