Materia X2

  • Home
  • Halaman
  • _Error
  • _Postingan
  • _Pencarian
  • __Arsip
  • __Hasil Pencarian
  • __Label
  • _Statis
  • Fitur
  • Dokumentasi
  • Beli Sekarang
  • Daftar Pembaruan
  • FAQ
  • Laporan Bug
  • Umpan Balik & Request
  • Kontak
  • Tentang
BerandaDokumentasi

Cara Mengatur Menu Sidebar (Drawer) Template Materia X2

Yasya El Hakim
Januari 16, 2021 0Komentar
  • Bagikan ke Facebook
  • Bagikan ke Twitter
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.

Tags Dokumentasi
  • Bagikan ke Facebook
  • Bagikan ke Twitter
Yasya El Hakim
Blogger yang gak niat nulis, tapi nekat nulis pengetahuan dan pengalaman Teknologi Informasi seputar SEO, Pemrograman, Desain Grafis, dan Web Development. Blog Facebook Github
    0Komentar

    Untuk menambahkan gambar:
    [image]url_gambar[/image]

    Untuk menambahkan kode:
    [code]kode[/code]

    Untuk menambahkan quote:
    [quote]quote[/quote]

    Sebelumnya Selanjutnya

    Postingan Populer

    Cara Mengatur Lebar Bar Pencarian Template Materia X2

    Yasya El Hakim Dalam Dokumentasi Januari 19, 2021

    Cara Mangatur Warna Header pada Template Materia X2

    Yasya El Hakim Dalam Dokumentasi Januari 18, 2021

    Cara Mengatur Pengaturan Customizer/Theme Designer Template Materia X2

    Yasya El Hakim Dalam Dokumentasi Januari 18, 2021

    Cara Mengatur Visibilitas Search Bar Template Materia X2

    Yasya El Hakim Dalam Dokumentasi Januari 17, 2021

    Cara Mengatur Custom Label Icons Template Materia X2

    Yasya El Hakim Dalam Dokumentasi Januari 17, 2021

    no-style

    Responsive Advertisement
    • Home
    • Kontak
    © Copyrights Materia X2
    Daftar Isi