Membuat Menu Navigasi Blog Melayang

Tutorial kali ini akan membahas tentang Blogger, yaitu bagaimana cara untuk membuat menu navigasi menjadi melayang, meski di scrool kebawah.

Contohnya seperti yang saya pakai pada blog ini.

Tambahkan script ini diatas </body>

 <script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    // Menentukan elemen yang dijadikan sticky yaitu .nav
    var stickyNavTop = $('#main-menu').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya      
        if (scrollTop > stickyNavTop) {
          $('#main-menu').css({'position': 'fixed', 'top':0, 'left':0, 'right':0, 'z-index':9999 });
        } else {
            $('#main-menu').css({ 'position': 'relative' });
        }
    };
    // Jalankan fungsi
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script> 

Pada bagian diatas yaitu main-menu sesuaikan dengan id navigasi blog Anda

UPDATE
Jika masih belum ada perubahan, silahkan tambahkan Framework jQuery, dengan cara tambahkan script dibawah ini dan tambahkan di atas </head>

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'></script> 

Komentar jika masih ada masalah