Cara Membuat Widget Agar Melekat di Sidebar Blog

Cara Membuat Widget Agar Melekat di Sidebar Blog - Widget yang Sticky yaitu widget yang selalu melekat di sidebar blog ketika sebuah halaman di scroll kebawah. Cara Membuat Widget Agar Melekat di Sidebar Blog atau Sticky ini sangatlah mudah, sobat hanya perlu menambahkan sebuah kode CSS dan kode script kedalam template sobat. Jika sobat tertarik untuk memasangnya pada blog sobat, simak tutorial berikut ini :

1. Login ke blogger
2. Kemudian klik " Template " selanjutnya klik " Edit HTML "
3. Setelah itu cari kode " ]]></b:skin> " gunakan Ctrl + F agar lebih mudah
4. Setalah ketemu, letakan kode dibawah ini tepat di atas kode " ]]></b:skin> "

    .sticky {
      position:fixed;
      top:10px;/* jarak dari atas*/
      z-index: 100;
    }

5. Selanjutnya cari kode " </body> "
6. Setelah ketemu, letakan kode dibawah ini tepat diatas kode " </body>

    <script type='text/javascript'>
    $(document).ready(function() {
    var stickyWidgetTop = $('#IDGADGET').offset().top;
    var stickyWidget = function(){
    var scrollTop = $(window).scrollTop();    
    if (scrollTop > stickyWidgetTop) {
        $('#IDGADGET').addClass('sticky');
    } else {
        $('#IDGADGET').removeClass('sticky');
    }
    };
    stickyWidget();
    $(window).scroll(function() {
        stickyWidget();
    });
    });
    </script>

Keterangan kode :

• Ganti tulis berwarna " Merah " dengan IDGADGET yang sobat telah pilih

7. Klik " Simpan Template "

Itulah tutorial Cara Membuat Widget Agar Melekat di Sidebar Blog, semoga artikel ini bermanfaat untuk sobat. Terima kasih telah berkunjung ( Jangan lupa komentar :D )