CARA MEMBUAT MENU STICKY MELAYANG PADA SUATU ELEMEN ~ BLOGSPOT

Pada kali ini saya posting cara membuat menu melayang, bagi anda yang telah membuat Menu di blog tapi tidak melayang saat di scrool untuk caranya ikuti tipsnya di bawah ini

• Login Blogger
• Pada dasboard klik Tema klik Edit HTML
• Cari kode </head> Copy dan Paste kode di bawah ini tepat diatas kode </head>
<script type='text/javascript'> //<![CDATA[ $(document).ready(function() {     // Menentukan elemen yang dijadikan sticky yaitu .nav     var stickyNavTop = $('.nav').offset().top;     var stickyNav = function(){         var scrollTop = $(window).scrollTop();         // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya              if (scrollTop > stickyNavTop) {             $('.nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });         } else {             $('.nav').css({ 'position': 'relative' });         }     };     // Jalankan fungsi     stickyNav();     $(window).scroll(function() {         stickyNav();     }); }); //]]> </script>
• Kode ".nav" yang berwarna merah ganti dengan elemen yang anda telah buat, saya contohkan di sini saya telah membuat Menu di atas Postingan, untuk melihat kodenya pergi ke Tata Letak klik Edit HTML Java Script perhatikan baik baik gambar di bawah ini kemudian Copy kode #menunav kemudian ganti kode ".nav" menjadi "#menunav"

• Gambar di bawah ini contoh Kode ".nav" menjadi "#menunav.

• Setelah itu klik Simpan Template
• Lihat hasilnya

• Selamat Mencoba.

• Tweet
• Share
• Share
• Share
• Share