Cara Membuat Menu Navigasi Melayang Pada Saat di Scroll

Mungkin hampir semua website atau blog mempunyai menu navigasi yang terdapat di atas atau pun dibawah blog tersebut. Menu navigasi adalah  menu blog  yang biasanya ada deretan Home, about, disclaimer dan seterusnya, bisa juga disisipkan judul tema blog. Karena menu navigasi merupakan cara seorang blogger untuk mempermudah viewer dalam menjelajah atau ingin mencari lebih banyak informasi yang terdapat pada sebuah website atau blog.

 Menu navigasi juga dapat memberitahukan kepada viewer apa saja informasi yang terdapat website atau blog hanya dengan melihat deretan judul atau sub judul menu navigasi, Hebat bukan ? itu lah sebab nya betapa penting nya menu navigasi harus bahkan wajib ada di menu navigasi. Kali ini ane bakal memberi tahu cara bagaimana membuat menu navigasi melayang saat di scroll ke bawah dan ke atas tetap ada menu navigasi.

Oke langsung saja dari pada kelamaan, yang pengen tahu langkah langkah nya langsung saja cekidot:

Cara Membuat Menu Nvaigasi Melayang pada saat di scroll ke bawah

           1.      Login ke akun Blogger Anda

           2.      Masuk ke Tema >> Edit Html

           3.      Cari kode </body> dengan cara Ctrl+F untuk memunculkan kotak search untuk mencari kode

           4.      Copy dan paste kode berikut ini di atas kode </body>

        5.    Ganti elemen .nav dengan elemen/kode yang menjadi Navigasi Menu blog Anda. Contoh  elemen di blog ane pake .menu-nav lalu ganti semua elemen .nav tadi dengan .menu-nav klo buat blog ane, klo untuk Anda cukup cari saja di html search “Css” biasanya menu cssnya ada.

                    

           Oke cukup sekian artikel yang dapat saya jelaskan, semoga bermanfaat jangan lupa untuk share dan comment jika ada yang ingin ditanyakan di bawah ini.

Share this post