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 App Bar Bottom Template Materia X2

Yasya El Hakim
Januari 17, 2021 0Komentar
  • Bagikan ke Facebook
  • Bagikan ke Twitter
Cara Mengatur App Bar Bottom Template Materia X2
Pengaturan ini berfungsi untuk mengaktifkan/menonaktifkan fitur App Bar Bottom (Navigasi Bawah) serta mengatur warna garis batasnya.

Mengatur Fitur App Bar Bottom

Secara Default, fitur App Bar Bottom tidaklah aktif. Disini, kalian dapat mengubahnya dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 2. Feature Settings.
  3. Pada Pilihan App Bar Bottom (Disable/Enable), kalian dapat mengatur beberapa hal berikut:
    1. Untuk mengaktifkan App Bar Bottom, geser slider ke arah kanan sehingga nilainya menjadi 2px.
    2. Untuk menonaktifkan fitur App Bar Bottom, geser slider ke arah kiri sehingga nilainya menjadi 1px.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.
Jika pengaturan ini aktif, maka pada bagian Layout (Tata Letak), akan muncul Section baru yang bernama APP BAR BOTTOM beserta satu Widget Link List untuk Mengatur Menu dan Link App Bar Bottom.

Mengatur Warna Border App Bar Bottom

Disini, kalian dapat mengubah garis batas (Border) untuk App Bar Bottom dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 2. Feature Settings.
  3. Pada Pilihan App Bar Bottom Border Color, kalian dapat menentukan sesuka hati dengan memilih warna yang sudah ada atau menambahkan warna Custom.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.

Mengatur Menu pada App Bar Bottom

Sebelum mengatur menu, pastikan kalian telah mengaktifkan fitur App Bar Bottom terlebih dahulu. Berikut adalah beberapa tahap untuk Mengatur Menu pada App Bar Bottom:

  1. Masuk ke Blogger > Layout (Tata Letak).
  2. Cari Section yang berjudul APP BAR BOTTOM > 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).

Menambahakan Icon pada Menu App Bar Bottom

  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. Cari Section yang berjudul APP BAR BOTTOM > Klik Icon pensil.
  6. Akan muncul jendela konfigurasi Link List, pada kolom New Site Name (Nama Website Baru), masukkan nama Menu kalian dan pastekan Path SVG yang telah kalian salin tepat sebelum New Site Name (Nama Website Baru). Contoh: <svg>...</svg> Nama Menu.
  7. Pada kolom New Site URL (URL Website Baru), masukkan Link yang ingin digunakan.
  8. Jika sudah, jangan lupa untuk mengeklik tombol Add Link (Tambahkan Link).
  9. 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