Mengonfigurasi Menu Navigasi
Menu Navigasi pada template Jobzeek merupakan bagian dari menu utama yang dapat disesuaikan dengan mudah. Umumnya, Menu Navigasi terdiri dari tautan penting untuk menavigasi ke halaman tertentu di situs web.
Menambahkan Item Menu ke Menu Navigasi
Anda dapat menambah, menghapus, atau menambahkan item menu di Menu Navigasi dengan mengikuti langkah-langkah berikut:
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
Cari bagian yang berjudul MENU NAVIGASI UTAMA.
Klik tombol edit (ikon pensil) di Gadget Menu Navigasi Utama (Gadget HTML/JavaScript).
Akan muncul pop-up konfigurasi Widget.
Pada kolom Judul isi sesuai keinginan (Opsional).
Pada kolom Konten isi dengan script dibawah ini:
<ul>
<li><a href="LINK_TUJUAN">NAMA_ITEM_MENU</a></li>
</ul>LINK_TUJUAN: ganti dengan link url tujuan.
NAMA_ITEM_MENU: ganti dengan nama menu sesuai keinginan.
Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
Menambahkan Submenu ke Menu Navigasi
Fitur ini berguna untuk mengaktifkan Sub-Menu Multi Level pada Menu Navigasi. Berikut beberapa langkah untuk menyiapkannya:
Masuk ke Dashboard Blogger > pilih menu Tata Letak.
Cari bagian yang berjudul MENU NAVIGASI UTAMA.
Klik tombol edit (ikon pensil) di Gadget Menu Navigasi Utama (Gadget HTML/JavaScript).
Akan muncul pop-up konfigurasi Widget.
Pada kolom Judul isi sesuai keinginan (Opsional).
Pada kolom Konten isi dengan script dibawah ini:
<li class="has_sub">
<a href="javascript:;"> NAMA_ITEM_MENU <div class="arrow_icon">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#iconChevronDown"></use></svg>
</div>
</a>
<ul>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU1</a></li>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU2</a></li>
<li><a href="LINK_TUJUAN">NAMA_ITEM_SUBMENU3</a></li>
</ul>
</li>Setelah semuanya dikonfigurasi, klik tombol SIMPAN di bagian bawah.
Menambahkan Ikon ke Item Menu
Untuk membuat item menu di Menu Navigasi terlihat lebih menarik, Anda dapat menambahkan ikon ke item tersebut.
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 gambar di bawah ini:
<li><a href="LINK_TUJUAN"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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> Judul Menu</a></li>Secara default, ukuran ikon SVG adalah 1:1 (24px * 24px).