Cara Mengonfigurasi Menu Navigasi
Menambahkan Item Menu ke Menu Navigasi
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Main Navigation Menu.
-
Klik tombol edit (ikon pensil) di Gadget Daftar Link.
-
Akan muncul pop-up konfigurasi Widget.
-
Pada kolom Judul isi sesuai keinginan (Opsional).
-
Pada kolom Jumlah item yang tampil di daftar biarkan aja kosong.
-
Pada bagian Pengurutan biarkan pengaturan tetap pada nilai default.
-
Pada bagian Daftar link atur seperti di bawah ini:
- Klik TAMBAHKAN ITEM BARU
- Pada kolom Nama situs isikan dengan judul menu sesuai keinginan.
- Pada kolom URL situs isikan dengan URL link tujuan.
- Setelah diatur semua klik tombol SIMPAN di sampingnya.
-
Setelah semua dikonfigurasi klik tombol SIMPAN.
-
Selesai
Menambahkan Item Submenu ke Menu Navigasi
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Main Navigation Menu.
-
Klik tombol edit (ikon pensil) di Gadget Daftar Link.
-
Akan muncul pop-up konfigurasi Widget.
-
Pada kolom Judul isi sesuai keinginan (Opsional).
-
Pada kolom Jumlah item yang tampil di daftar biarkan aja kosong.
-
Pada bagian Pengurutan biarkan aja default.
-
Pada bagian Daftar link atur seperti di bawah ini:
- Klik TAMBAHKAN ITEM BARU
- Pada kolom Nama situs isikan dengan judul menu sesuai keinginan.
- Pada kolom URL situs isikan dengan tanda
#
. - Buat item menu baru lagi di bawah menu yang sebelumnya dibuat dan beri tanda
_
di awal judul, seperti contoh_Submenu
- Pada kolom URL situs isikan dengan URL link tujuan.
- Setelah diatur semua klik tombol SIMPAN di sampingnya.
-
Setelah semua dikonfigurasi klik tombol SIMPAN.
-
Selesai
Menambahkan Ikon ke Item Menu
-
Anda harus mengunjungi situs web Material Design Icons. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang nantinya akan diambil dan disimpan di Menu Navigasi.
-
Pilih salah satu dari menu ikon yang tersedia, misal pilih menu ikon Plus.
-
Salin kodenya di bagian Item Menu. Misalnya seperti contoh kode di bawah ini:
<svg fill="currentColor" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg> NAMA ITEM MENU
-
Selesai