Membuat Menu Navigasi Di Blog

Menu navigasi adalah kumpulan menu yang mengarah ke link-link tertentu pada sebuah blog.

Biasanya menu navigasi dibuat untuk mengarahkan pembaca dan juga mempermudah pembaca blog untuk menemukan isi blog.

Dalam postingan ini akan saya berikan contoh cara membuat menu navigasi pada blog di blogger.com yang menggunakan template premium dari sugeng.id.

Membuat menu navigasi

Cara membuat menu navigasi pada template blog linkmagz, evomagz, kutoko, viomagz, dan viotoko dapat menggunakan dua cara yaitu :

  1. Menuliskan kode html pada widget menu navigasi
  2. Menggunakan tools generator html menu navigasi dari sugeng.id

Menuliskan Kode HTML Pada Widget Menu Navigasi

Sebelum membahasnya silahkan perhatikan gambar di bawah ini

Contoh Menu Navigasi

Gambar di atas menunjukkan dua menu yaitu menu tuggal (Linkaran kuning)dan Menu Navigasi dengan Sub Menu(Lingkaran Merah).

Kita dapat menuliskan kode html yang mengarah ke link yang kita tuju baik halaman ataupun link lainnya dengan menggunakan cara berikut.

Menu Tunggal

Yang saya maksud dengan menu tunggal adalah menu tanpa ada sub menunya. Silahkan menggunakan contoh di bawah ini

<li><a href="https://www.herwanto.my.id/p/about.html">About</a></li>

Tulisan yang berwarna merah diganti atau disesuaikan dengan kebutuhan anda. Untuk menambahkan menu selanjutnya silahkan tuliskan kode tersebut ke baris selanjutnya dengan link dan nama menu disesuaikan.

Menu Navigasi Dengan Sub Menu

Untuk menambah sub menu maka saya akan memberikan contohnya sebagai berikut :

Dari contoh diatas sobat bisa menyesuaikan dengan kebutuhan anda. Selanjutnya saya akan tuliskan cara yang lebih mudah yaitu dengan menggunakan tools generator HTML Menu Navigasi dari mas sugeng.

Menggunakan Tool Generator HTML Menu Navigasi

Membuat menu navigasi dengan menggunakan Generator Kode HTML Menu Navigasi tentu akan lebih mudah dan lebih cepat.

Berikut ini adalah screenshot yang telah saya dapatkan dan telah saya coba juga.

generator menu navigasi

Sekarang sudah tersedia generator kode html untuk membuat menu navigasi. Untuk membukanya silahkan kunjungi link di bawah ini.

Penutup

Baiklah itu tadi sedikit ulasan mengenai cara membuat menu navigasi pada template blogger premium dari mas sugeng. Untuk mendapatkan template asli dari mas sugeng anda dapat mengunjungi langsung di situsnya. Namun jika anda ingin mencobanya dengan harga yang lebih murah bisa dapatkan dengan menghubungi saya melalui kontak yang saya sediakan di blog ini. Terima kasih dan salam hangat sampai jumpa di postingan berikutnya.

Herwanto