Cara Membuat Sticky Pada Menu

Selamat malam sobat kali ini admin akan search tentang Cara Membuat Sticky Menu, tetapi sebelumnya admin ingin menjelaskan sedikit apa yang dimaksud dengan Sticky. Sticky adalah efek dimana suatu elemen template baik itu menu ataupun Cara Membuat Sticky Pada Sidebar akan menempel saat blog discroll.
Nah bagi sobat yang ingin membuat menu blognya melayang seperti pada blog ini silahkan ikuti uraian dibawah ini :

1. Login ke Blogger
2. Klik Tempelate >> Edit HTML
3. Cari Kode </body> (gunakan CRTL + F)
4. Copy dan Pastekan script dibawah ini tepat diatas kode </body> dan tentukan selectornya (disini saya menggunakan .nav)

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() {     var stickyNavTop = $('.nav').offset().top;     var stickyNav = function(){         var scrollTop = $(window).scrollTop();         if (scrollTop > stickyNavTop) {             $('.nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });         } else {             $('.nav').css({ 'position': 'relative' });         }     };     stickyNav();     $(window).scroll(function() {         stickyNav();     }); }); //]]> </script>

5. Simpan tempelate sobat dan lihat hasilnya. 

Apabila sobat ingin memunculkan menu hanya setelah discroll, gunakan kode ini :

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() {     var stickyNavTop = $('.nav').offset().top;     var stickyNav = function(){         var scrollTop = $(window).scrollTop();         if (scrollTop > stickyNavTop) {             $('.nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });         } else {             $('.nav').css({ 'position': 'absolute', 'top':-9999, 'left':-9999 });         }     };     stickyNav();     $(window).scroll(function() {         stickyNav();     }); }); //]]> </script>

6. Selamat Mencoba, Salam Sukses