Memasang Sticky pada Blog

Sticky dalam Bahasa Indonesia artinya menempel. Dalam istilah website Sticky berarti berada di depan atau selalu mengikuti walaupun mouse terus di scroll. Sedangkan Sticky Widget Sidebar berarti membuat widget yang selalu menempel walaupun mouse kita scroll.


Untuk lebih memahami apa itu sticky widget sidebar, silahkan scroll kebawah dulu sampai habis, (nanti kembali lagi ke sini... ) Anda akan menemukan widget yang terus mengikuti seperti dibawah ini

yang mau sidebarnya menjadi sticky langsung saja :

  • Cari kode </head> dan letakkan kode dibawah ini tepat diatasnnya :

Kode JavaScript

$(function() {

    var $sidebar   = $("#sidebar-wrapper"), 
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        } else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
    
}); 
#sidebar-wrapper adalah nama instrumen, beda template beda instrumen   
  • Klik Save

Sekarang Tinggal Lihat Hasilnya di Blog Anda.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Memasang Sticky pada Blog

14 comments:

Copyright © WillySEO
Theme designed by Bamz
Powered by Blogger