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.