June 14, 2018

Cara Mengedit Menu Navigasi Dropdown

Berikut ini adalah langkah langkahnya.
Masuk ke dasbor blog > klik “Template” > klik “Edit HTML
Berikutnya cari kode <!-- MENU NAVIGASI BAGIAN BAWAH --> di dalam template dengan menekan CTRL+F.
Di bawah kode <!-- MENU NAVIGASI BAGIAN BAWAH --> nanti sobat akan menemukan kode seperti ini:
Menu Navigasi Template Fastest Magz
Nah kode tersebut adalah kode menu navigasi yang perlu diedit  (yang saya tandai kotak merah di gambar)
Terus gimana cara ngeditnya?
Pertama sobat harus paham dulu struktur kode tersebut. Soalnya kalau cuma asal ngedit kemungkinan nanti bakalan tetap bingung.

Penjelasan struktur menu navigasi

Setiap menu yang tampil adalah sebuah link yang diapit oleh kode <li> dan </li>
Struktur Menu
Menu 1 dan Menu 2 strukurnya agak berbeda karena menu tersebut merupakan menu yang memiliki Submenu.
Untuk Submenu sendiri dapit oleh kode <div class='sub-nav-wrapper'><ulclass='sub-nav'> dan </ul></div>
Submenu
Jika sobat tidak membutuhkan submenu, maka cukup hapus kode dari <divclass='sub-nav-wrapper'><ul class='sub-nav'> sampai kode </ul></div>

Cara mengedit link menu navigasi

Setelah sobat sedikit paham dengan struktur menu navigasi di atas, selanjutnya sobat tinggal mengedit link pada menu navigasi tersebut.
Apa itu link?
Link adalah sebuah text yang bila diklik akan mengarah ke halaman lain. INI CONTOH LINK (klik aja).
Berikut ini adalah contoh kode link yang ada pada menu navigasi Fastest Magz:
Kode link
Penjelasan:
  • Angka 1: Cukup ganti tanda pagar tersebut dengan URL tujuan. Cotohnya http://sugeng.id.
  • Angka 2: Text menu yang nanti bisa diklik. Contohnya Blog Sugeng.
Sobat bisa edit semua link pada menu navigasi template fastest magz atau sesuai dengan kebutuhan.
Setelah diedit jangan lupa klik “Simpan template

0 komentar:

Post a Comment