Cara Menciptakan Sticky Widget Popular Post Di Sidebar Blog

Bagai mana si cara memasang sticky yang benar begini lo cara nya, tapi kali ini aku akan memasang widget sticky pada popular post yang terletak di sidebar cara ini cukup menarik.

karena sanggup menciptakan widget popular post melayang meskipun di scroll ke bawah  Dan instruksi ini cukup responsive dan sudah aku terapkan sendiri di blog aku ini

oke eksklusif saja kita bahas  Cara Membuat Sticky Widget Popular post di Sidebar Blog

Login ke Blogger Pilih > Menu Templat > Edit Html tambahkan instruksi di bawah ini sebelum instruksi </body>

<script type='text/javascript'> //<![CDATA[ $(function() {   if ($('#PopularPosts1').length) { // Ganti "#Postingan-Populer" dengan ID tertentu     var el = $('#PopularPosts1');     var stickyTop = $('#PopularPosts1').offset().top;     var stickyHeight = $('#PopularPosts1').height();     $(window).scroll(function() {       var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"       var windowTop = $(window).scrollTop();       if (stickyTop < windowTop) {         el.css({           position: 'fixed',           top: 20 // Jarak atau margin sticky dari atas         });       } else {         el.css('position', 'static');       }       if (limit < windowTop) {         var diff = limit - windowTop;         el.css({           top: diff         });       }     });   } }); //]]> </script>

Coba perhatikan instruksi yang di tandai dengan # instruksi tersebut sesuai kan dengan id widget popular post 

#Popularpost1 : Ganti instruksi ini sesuai dengan instruksi popular post di templat blog kalian [Setiap tempatl beda beda]
#footer-wrapper : instruksi untuk membatasi stick 

Untuk mengatur lebar widget popular post ini anda sanggup mengunakan instruksi di bawah ini tempatkan instruksi dibawah sempurna di barisan id popular post

#PopularPosts1{width:100%;max-width:300px}

untuk mengatur lebar kalian sanggup menempat melihat pola gambar ini
Oke itu ia cara cara nya untuk menciptakan nya sebenar nya cukup mudah, namun terkadang bikin resah alasannya beda templat beda id 

Selamat mencoba dan biar berhasil jikalau ada hambatan sanggup di tanyakan di kolom komentar ya Terimakasih.

Share this post