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 aja default.
-
Pada bagian Daftar link atur seperti di bawah ini:
- Klik TAMBAHKAN ITEM BARU
- Pada kolom Nama situs isi dengan judul menu sesuai keinginan.
- Pada kolom URL situs isi 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 isi dengan judul menu sesuai keinginan.
- Pada kolom URL situs isi 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 isi 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 Iconer. Di sana Anda dapat memilih berbagai jenis ikon SVG, yang nantinya akan diambil dan disimpan di Menu Navigasi.
-
Pilih salah satu, nanti kode SVG nya akan tersalin otomatis.
-
Salin kodenya di bagian Item Menu. Misalnya seperti contoh kode di bawah ini:
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path><path d="M12 15V3"></path></svg> NAMA ITEM MENU
-
Selesai