Cara Mengonfigurasi Fitur Hamburger Menu
Menambahkan Item Menu ke Menu Navigasi
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Hamburger Menu.
-
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.
Menambahkan Item Submenu ke Menu Navigasi
-
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
-
Cari bagian yang berjudul Hamburger Menu.
-
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.
Menambahkan Ikon ke Item Menu
Gunakan langkah-langkah di bawah ini untuk mempercantik navigasi Anda dengan ikon SVG dari Google Fonts.
-
Cari dan pilih ikon yang sesuai dari galeri yang tersedia (contoh: ikon Home).
-
Klik ikon tersebut dan salin blok kode
<svg>...</svg>yang muncul. -
Masukkan kode yang telah disalin beserta nama menu ke dalam kolom Item Menu pada panel pengaturan Anda. Contohnya dapat dilihat seperti berikut:
<svg aria-hidden="true" fill="currentColor" viewBox="0 -960 960 960"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"></path></svg> Home
Post a Comment