Cara Membuat Sticky Widget di Sidebar Blog

Pada kesempatan ini, saya akan membahas mengenai cara membuat sticky widget tertentu di sidebar pada blog. Mungkin sebagian dari Anda masih tidak tahu apa itu Sticky Widget, adalah sebuah widget atau gadget yang tetap (muncul) melayang ketik halaman discroll ke bawah.

Sticky widget sering digunakan untuk sebuah widget atau gadget yang memiliki konten rekomendasi, popular post, dan bahkan sering digunakan pada gadget iklan dengan tujuan untuk membuat pengunjung tertarik. Bagi anda yang tertarik untuk mencobanya, silakan ikuti langkah-langkah Cara Membuat Sticky Widget di Sidebar Blog.

Cara Membuat Sticky Widget di Sidebar Blog

Cara Membuat Sticky Widget di Sidebar Blog

Pertama, silakan log-in atau masuk ke Blogger, Buka Template kemudian Edit HTML, selanjut copy kode dibawah ini dan letakan (paste) sebelum kode </head> atau sesudah kode <head>. Apabila pada template Anda, sudah terdapat script Ajax JQuery, silakan dilewati tahap ini.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>

Kemudian silakan copy kode dibawah ini, dan letekan sebelum kode </body>

<script type='text/javascript'>
$(document).ready(function() {
   var stickyWidgetTop = $(&#39;#IDWIDGET&#39;).offset().top;
   var stickyWidget = function(){
   var scrollTop = $(window).scrollTop();
if (scrollTop &gt;
  stickyWidgetTop) {
$(&#39;#IDWIDGET&#39;)
  .addClass(&#39;sticky&#39;); }
else {
   $(&#39;#IDWIDGET&#39;)
   .removeClass(&#39;sticky&#39;); } };
stickyWidget(); $(window).scroll(function() {
stickyWidget();
});
});
</script>
Setelah itu, silakan Anda ganti IDWIDGET dengan id widget yang akan di buat menjadi sticky atau widget melayang ketika halaman digulir (scroll) ke bawah. Untuk melihat ID widget, bisa melalui Tata Letak > Edit Widget yang akan diberi fitur Sticky dan kemudian pada address bar cari widgetID-nya.

Cara Membuat Sticky Widget di Sidebar Blog

Dan yang terakhir silakan akan simpan perubahan di Edit HTMLnya. Nah itulah cara bagamana membuat widget/gadget agar tetap melayang ketika halaman blog di scroll kebawah sehingga widget tersebut tetap terlihat oleh pengunjung dan selamat mencobanya.

Next

Previous

2019 © Maskode.com - All right reversed.