Pasang Sticky Widget Web Dan Blogger

https://www.mboton.net/2019/03/pasang-sticky-widget-web-dan-blogger.html
Pasang Sticky Widget Web Dan Blogger

Hello-hello broo kembali lagi ya broo di MbotonDev kali ini saya akan membuat cara pasang sticky widget pada blog atau blogspot kali broo, silakana saja anda semua simak dengan details broo Oke kali ini admin akan memberikan sedikit  tips atau informasi tentang bagaimana caranya  membuat sticky pada widget website anda semuanya hehe.

apa itu sticky? 


Sticky adalah bias kita bilang di kenal dalam dunia situs khusus nya blog dan website yaitu sticky ini akan membuat widged akan terlihat melayang-melayang pada layar monitor laptop mauupun computer broo di dalam tampilan situs blog maupun blogspot anda broo.

Mungkin saja kawanku broo semua kalua masih bingung tentang bagaimana cara membuatnya. Nahh disini admin MbotonDev akan memberikan dan kasih beberapa script cara nya bagaimama caranya cukup lihat dibawah ini semua iya bro, dengan cara ini sangat instan dan tidak ribet lagi broo cara kamu tinggal ikuti langlah-langkah ini dengan bener pasti anda semua berhasil broo kalian baca semua caranya atau tutorial tinggal baca dan terapkan, ikuti saja langkah - langkah berikut agar kalian semua berhasil kunci utama teliti dengan bener broo.

Langkahnya Pasang



  • langkah - langkah Membuat Sticky Pada Widget Blog:
  • langkah pertama kawanku Buka Browsers 
  • langakar kedua  ketikan paca pencarian blogger
  • Langkah ketiga klik pada situs blogger.com bro
  • Langkah keempat tinggal klik masuk Dashboard Blog
  • Langkah Kelima klik tema atau template
  • Langkah keenam Edit Tema Atau Template


Kalau sudah semua ini kamu tinggal copy pada script atau kode semua ini di bawah ini pastekan sebelum code </body> atau </body iya broo nanti kamu klik simpan kalau sudah dan di copy dan di paste iyaa broo.

<script type='text/javascript'>
//<![CDATA[
$(function() {
  if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
    var el = $('#sticky-sidebar');
    var stickyTop = $('#sticky-sidebar').offset().top;
    var stickyHeight = $('#sticky-sidebar').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>


Klik Simpan temaple


script yang berwarna biru atau blue " #sticky-sedebar " bias kalian ganti dengan nama atau ID di widget yang Kalian Inginkan broo ingin buat sticky

script yang berwarna merah atau red  " #footer-wrapper " bias juga kalian ganti dengan nama id adana broo dimana sticky itu akan berhenti atau stop.

Bila sudah semua kawan-kawanku semua silahkan klik simpan tamplet dan silahkan mencoba hasilnya lihat berhasil atau tidak yang kalian terapkan ini broo. Kalau sudah berhasil kemudian jangan lupa coment di bawah iya bro Oke mungkin cukup sekian dahulu sedikit informasi ataupun tutorial dari admin MbotonDev
Pasang Sticky Widget Web Dan Blogger Pasang Sticky Widget Web Dan Blogger Reviewed by Mboton on 3/15/2019 Rating: 5

3 comments:

Powered by Blogger.