Cara Mengatur Loader/Preloader Template Materia X2

Cara Mengatur Loader/Preloader Template Materia X2
Pengaturan ini berfungsi untuk mengaktifkan/menonaktifkan Loader/Preloader (Animasi Loading Halaman), Posisi Loader/Preloader, Style/Tampilan Loader/Preloader, Ketinggian Loader/Preloader serta Warna dari Loader/Preloader. Fitur Loader/Preloader ini berguna untuk memberitahukan pengguna bahwasannya halaman Blog/Website telah termuat sepenuhnya atau belum.

Mengaktifkan/Menonaktifkan Loader/Preloader

Secara default, pengaturan Loader/Preloader telah diaktifkan. Disini, kalian dapat mengaktifkan/menonaktifkan Loader/Preloader dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 1. Global Settings.
  3. Pada Pilihan Loader/Preloader (Disable/Enable), kalian dapat mengatur beberapa hal berikut:
    1. Untuk mengaktifkan Loader/Preloader (Animasi Loading Halaman), geser slider ke arah kanan sehingga nilainya menjadi 2px.
    2. Untuk menonaktifkan oader/Preloader (Animasi Loading Halaman), geser slider ke arah kiri sehingga nilainya menjadi 1px.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.
  • Secara default, nilai dari pengaturan ini adalah 2px.
  • Fitur ini menggunakan script tambahan, sehingga (mungkin saja) dapat membuat loading halaman menjadi agak sedikit lambat.

Memindahkan Posisi Loader/Preloader

Secara default, pengaturan Posisi Loader/Preloader adalah di bagian atas header/navbar. Disini, kalian dapat mengatur posisi Loader/Preloader ke bagian atas atau bawah header/navbar dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 1. Global Settings.
  3. Pada Pilihan Loader/Preloader Position (Top/Bottom), kalian dapat mengatur beberapa hal berikut:
    1. Untuk memindahkan posisi Loader/Preloader (Animasi Loading Halaman) ke bagian atas header/navbar, geser slider ke arah kanan sehingga nilainya menjadi 2px.
    2. Untuk memindahkan posisi Loader/Preloader (Animasi Loading Halaman) ke bagian bawah header/navbar, geser slider ke arah kiri sehingga nilainya menjadi 1px.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.
  • Secara default, nilai dari pengaturan ini adalah 1px.
  • Pengaturan ini dapat berfungsi jika kalian telah Mengaktifkan Fitur Loader/Preloader.

Mengatur Style/Tampilan Loader/Preloader

Secara default, pengaturan tampilan Loader/Preloader adalah Normal (Loading dari kiri ke kanan). Disini, kalian dapat mengatur tampilan/style Loader/Preloader menjadi Normal (Loading dari kiri ke kanan) atau Indeterminate (Loading Loop/Berulang) dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 1. Global Settings.
  3. Pada Pilihan Loader/Preloader Style (Normal/Indeterminate), kalian dapat mengatur beberapa hal berikut:
    1. Untuk mengatur tampilan Loader/Preloader (Animasi Loading Halaman) menjadi Indeterminate (Loading Loop/Berulang), geser slider ke arah kanan sehingga nilainya menjadi 2px.
    2. Untuk mengatur tampilan Loader/Preloader (Animasi Loading Halaman) menjadi Normal (Loading dari kiri ke kanan), geser slider ke arah kiri sehingga nilainya menjadi 1px.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.
  • Secara default, nilai dari pengaturan ini adalah 1px.
  • Pengaturan ini dapat berfungsi jika kalian telah mengaktifkan fitur Loader/Preloader.

Mengatur Tinggi Loader/Preloader

Secara default, tinggi dari Loader/Preloader adalah 3px (3 Pixel). Disini, kalian dapat mengatur tinggi minimum (2px) atau maksimum (6px) dari Loader/Preloader dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 1. Global Settings.
  3. Pada Pilihan Loader/Preloader Height, kalian dapat mengatur tinggi dari Loader/Preloader sesuka hati dengan menggeser slider ke kiri atau kanan.
  4. Jika sudah, klik tombol Save (Icon Disket) yang ada di sebelah kanan bawah.
  • Secara default, nilai dari pengaturan ini adalah 3px.
  • Pengaturan ini dapat berfungsi jika kalian telah mengaktifkan fitur Loader/Preloader.

Mengatur Warna Loader/Preloader

Secara default, warna dari Loader/Preloader mengikuti warna utama dari blog/website. Disini, kalian dapat mengatur warna dari Loader/Preloader dengan mengikuti beberapa tahap berikut:

  1. Masuk ke Blogger > Theme (Tema) > Customize.
  2. Pilih menu Advanced > 1. Global Settings.
  3. Pada Pilihan Loader/Preloader Color, kalian dapat menentukan warna dari Loader/Preloader 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.
Pengaturan ini dapat berfungsi jika kalian telah mengaktifkan fitur Loader/Preloader.

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

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]
Between Post Ads Sample