Cara Mengatur Menu Sidebar (Drawer) Template Materia X2

Cara Mengatur Menu Sidebar (Drawer) Template Materia X2 Terbaru.
Yasya El Hakim
• Post a Comment •
Cara Mengatur Menu Sidebar (Drawer) Template Materia X2
Berikut adalah beberapa tahap untuk Mengatur Menu Sidebar (Drawer) Template Materia X2:
  1. Masuk ke Blogger > Layout (Tata Letak).
  2. Cari Section yang berjudul LEFT NAVIGATION > Klik Icon pensil.
  3. Akan muncul jendela konfigurasi Link List, pada kolom New Site Name (Nama Website Baru), masukkan nama Menu kalian.
  4. Pada kolom New Site URL (URL Website Baru), masukkan Link yang ingin digunakan.
  5. Jika sudah, klik tombol Add Link (Tambahkan Link).
  6. Terakhir, klik tombol Save (Simpan).

Membuat Dropdown/Multilevel/Sub Menu

Cara membuatnya masih hampir sama dengan tahap sebelumnya, kalian dapat mengikuti beberapa tahap berikut:

  1. Masih pada jendela konfigurasi Link List, untuk membuat Sub-Menu kedua, kalian dapat memasukkan satu karakter Underscore "_" pada kolom New Site Name (Nama Website Baru).
  2. Untuk membuat Sub-Menu ketiga, kalian dapat memasukkan dua karakter Underscore "__" pada kolom New Site Name (Nama Website Baru).

Jadi, strukturnya dapat terlihat seperti berikut:

Menu 1
_Menu 1.1
__Menu 1.1.1
Menu 2
_Menu 2.1
_Menu 2.2
__Menu 2.2.1
Menu 3
Menu 4
Pastikan Menu yang memiliki karakter Underscore ada di bagian bawah menu yang tidak ada karakter Underscore-nya.

Memasang Icon pada Menu

  1. Untuk memasang Icon, kalian dapat menginstall Plugin yang bernama Material Design Icons terlebih dahulu untuk Browser Chrome atau Firefox.
  2. Setelah terinstall, klik icon Plugin Material Design Icons, ketikkan nama icon yang ingin kalian gunakan pada kolom pencarian.
  3. Pilih/seleksi Icon tersebut, kemudian pilih menu (titik tiga) di bagian bawah dan klik Copy SVG.
  4. Masuk ke Blogger > Layout (Tata Letak).
  5. Masih pada jendela yang sama, pastekan Path SVG yang telah kalian salin tepat sebelum New Site Name (Nama Website Baru). Contoh: <svg>...</svg> Nama Menu.
  6. Jika sudah, jangan lupa untuk mengeklik tombol Add Link (Tambahkan Link).
  7. Terakhir, klik tombol Save (Simpan).
  • Kalian tidak bisa menggunakan Icon pada Sub-Menu kedua atau Ketiga, hanya Menu utama yang bisa menggunakan Icon SVG.
  • Jika bingung, kalian dapat menghubungi Developer untuk mendapatkan bantuan.

Menambahkan Garis Pembatas Menu

  1. Cari Section yang berjudul THEME OPTIONS lalu pilih gadget yang bernama CSS Options Klik Icon pensil.
  2. Akan muncul jendela konfigurasi Link List, pada kolom New Site Name (Nama Website Baru), masukkan menuBorder.
  3. Pada kolom New Site URL (URL Website Baru), masukkan nomor urutan Link yang ingin diberi garis pembatas. Misalnya, jika kalian ingin memberikan pembatas pada menu ke dua, maka kalian dapat mengisi New Site URL dengan angka 2.
  4. Jika sudah, klik tombol Add Link (Tambahkan Link).
  5. Terakhir, klik tombol Save (Simpan).

Kalian dapat melihat Dokumentasi lengkap dari Materia X2 Premium - Material Design Blogger Template di website EL Creative Academy.

Copy to clipboard
Yasya El Hakim
Blogger yang gak niat nulis, tapi nekat nulis pengetahuan dan pengalaman Teknologi Informasi seputar SEO, Pemrograman, Desain Grafis, dan Web Development.
You may like these posts
Comments
To add an image:
[image] image_url [/image]

To add a code block:
[code] your_code [/code]

To add a quote:
[quote] your_quote [/quote]

To add a link:
[link] your_link_text | link_url [/link]