Cara Membuat Sub Menu Melayang saat scroll di blogger

Cara Membuat Sub Menu Melayang saat scroll di blogger

Cara Membuat Sub Menu Melayang saat scroll di blogger
Halo jumpa lagi sama saya blogger ganteng hehe.. Pada kesempatan kali ini didin xp akan membagikan entri tentang Widget blogger dengan judul Cara Membuat Sub Menu Melayang saat scroll di blogger atau bisa disebut dengan sticky menu.
BACA JUGA Cara mendapatkan domain TLD gratis 2016
Untuk cara membuat menu melayang diatas header ternyata sangatlah mudah , kamu hanya menambahkan kode script dibawah ini diatas script </body> .Dengan membuat menu melayang setelah discroll (sticky menu) atau membuat menu melayang di web tentunya akan memudahkan pengunjung mengeksplor blog sobat tanpa harus naik turun scroll.
Langsung saja ke tahap Cara Membuat Sub Menu Melayang saat scroll di blogger atau cara membuat menu melayang diatas header.

Cara Membuat Sub Menu Melayang saat scroll di blogger : 

Langkah pertama membuat sub menu melayang di blogger

  1.  Login ke blogger 
  2.  Pilih Template >> Edit HTML
  3.  Kemudian CTRL + F lalu cari kode script </body>
  4.  Copy Script dibawah ini
    <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>
  5.   Pastekan kode tersebut diatas </body> Lalu tekan SAVE TEMPLATE , Selesai.
Demikianlah entri Cara Membuat Sub Menu Melayang saat scroll di blogger atau cara membuat sub menu melayang diatas header , jika ada masalah dengan tutorial diatas silakan bertanya di kolom komentar . sekian dan terima kasih.

Related : Cara Membuat Sub Menu Melayang saat scroll di blogger

  • Membuat Peel Banner Di Pojok Blog Dengan MudahMembuat Peel Banner Di Pojok Blog - Selamat malam para sabahat DB, postingan kali ini saya akan berbagi sebuah tutorial blog yaitu Membuat Peel Banner Di Pojok Blog, t ...
  • Cara Menclaim/Verifikasi Blog Di GoogleCara Menclaim/Verifikasi Blog Di GoogleBerbagai cara perlu kita lakukan untuk memaksimalkan blog kita di mata para webmaster dan search engine. Dalam beberapa waktu yang ...
  • Custom Halaman Error 404 untuk Blogger Custom Halaman Error 404 untuk BloggerLangkahnya adalah menuju halaman Settings > Search preferences > Custom Page not Found  Salam Jumpa Sahabat Didin-X ...
  • Cara Pasang Widget Alexa Rank Dengan MudahCara Pasang Widget Alexa Rank Dengan Mudahmasih ada blogger yang bingung bagaimana cara mendapatkan widget alexa ? memang sekarang alexa merubah desainnya jadi widgetnya ...
  • Cara mendapatkan domain TLD .tech gratis 2016hallo sobat flasher ? jumpa lagi ni hehehe, untuk postingan kali ini tentang blogger dengan judul Cara mendapatkan domain TLD .tech gratis 2016 jadi tidak ada sangkut pa ...

0 Komentar untuk " Cara Membuat Sub Menu Melayang saat scroll di blogger"

loading...