Cara Mengonfigurasi Menu Navigasi
Menambahkan Item Menu ke Menu Navigasi
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Primary Navigation.
-
Klik tombol edit (ikon pensil) di Link List gadget.
-
Akan muncul pop-up konfigurasi Widget.
-
Di kolom Judul, masukkan teks judul widget sesuai keinginan (Opsional).
-
Di kolom Jumlah item yang tampil di daftar, biarkan pengaturan tetap pada nilai default.
-
Di bagian Pengurutan, biarkan pengaturan tetap pada nilai default.
-
Di bagian Daftar link, ikuti langkah berikut:
- Klik TAMBAHKAN ITEM BARU
- Di kolom Nama situs, masukkan nama menu.
- Di kolom URL situs, masukkan link tujuan.
- Klik tombol SIMPAN di sampingnya jika sudah.
-
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 Primary Navigation.
-
Klik tombol edit (ikon pensil) di Link List gadget.
-
Akan muncul pop-up konfigurasi Widget.
-
Di kolom Judul, masukkan teks judul widget sesuai keinginan (Opsional).
-
Di kolom Jumlah item yang tampil di daftar, biarkan pengaturan tetap pada nilai default.
-
Di bagian Pengurutan, biarkan pengaturan tetap pada nilai default.
-
Di bagian Daftar link, ikuti langkah berikut:
- Klik TAMBAHKAN ITEM BARU
- Di kolom Nama situs, masukkan nama menu.
- Di kolom URL situs, masukkan 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, masukkan link tujuan.
- Klik tombol SIMPAN di sampingnya jika sudah.
-
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