Cara Memasang Custom Widget Template Materia X2

Cara Memasang Custom Widget Template Materia X2
Kalian dapat memasang Custom Widget Seperti Block Post dan Grid Post HANYA pada Section yang bernama POST WIDGETS 1 dan POST WIDGETS 2. Secara default, section tersebut tidak ada (Tidak aktif), untuk memunculkannya (Mengaktifkannya), kalian dapat mengikuti beberapa tahap berikut:
  1. Masuk ke Blogger > Theme (Tema) > klik tombol Customize (Kustomisasi)
  2. Di sisi panel sebelah kiri, pilih Advanced kemudian akan muncul Dropdown > pilih 11. Custom Widget Settings.
  3. Pada pilihan Custom Widget (Disable/Enable), geser slider ke kanan sehingga nilainya menjadi 2px.
  4. Terakhir, klik tombol Save (Icon Disket) yang ada di sisi kanan bawah dan kalian dapat kembali ke halaman Layout (Tata Letak).
Kedua Section tersebut hanya akan muncul pada bagian Homepage Blog kalian.
Kedua Section tersebut (POST WIDGETS 1 dan POST WIDGETS 2) hanya dapat berisi Custom Widget.

Memasang Block Post Widget

  1. Masuk ke Blogger > Layout (Tata Letak).
  2. Cari Section yang berjudul POST WIDGETS 1 (Bagian Atas) atau POST WIDGETS 2 (Bagian Bawah) > Klik Add a Gadget (Tambahkan Gadget) > Pilih HTML/JavaScript.
  3. Di dalamnya, kalian dapat memasukkan Shortcode berikut:
    [customWidgets] -results=[5] -label=[recent] -type=[blocks] -color=[#f9db3b] 

Keterangan Shortcode Block Post Widget:

  1. [customWidgets] = Merupakan indikator bahwasannya yang ingin dibuat adalah Custom Widget.
  2. -results=[x] = Merupakan indikator jumlah Post yang ingin ditampilkan, kalian dapat mengubah nilai x dengan angka (Jumlah Postingan) yang kalian inginkan.
  3. -label[x] = Merupakan indikator nama Label dari postingan yang ingin ditampilkan, kalian dapat mengubah nilai x dengan nama Label atau memasukkan recent untuk menampilkan Postingan terbaru.
  4. -type=[blocks] = Merupakan indikator tipe Custom Widget untuk Block Post.
  5. -color=[x] = Merupakan indikator Warna Hover Link dan Loader untuk Custom Widget (Opsional), kalian dapat mengubah nilai x dengan kode Warna (HEX).

Contoh: Disini saya ingin membuat Block Post Widget dengan hasil Postingan yang ingin ditampilkan sebanyak 5 Post dengan Label Teknologi dan link-nya berwarna biru (#1a73e8). Berikut adalah contoh Shortcodenya:

[customWidgets] -results=[5] -label=[Teknologi] -type=[blocks] -color=[#1a73e8] 
  • Semua Shortcode Custom Widget itu Case Sensitive. Artinya, besar atau kecilnya huruf sangat berpengaruh.
  • Kalian dapat menggunakan/tidak menggunakan Shortcode -color=[x] (Opsional).

Memasang Grid Post Widget

  1. Masuk ke Blogger > Layout (Tata Letak).
  2. Cari Section yang berjudul POST WIDGETS 1 (Bagian Atas) atau POST WIDGETS 2 (Bagian Bawah) > Klik Add a Gadget (Tambahkan Gadget) > Pilih HTML/JavaScript.
  3. Di dalamnya, kalian dapat memasukkan Shortcode berikut:
    [customWidget] -results=[3] -label=[recent] -type=[grids] -color=[#e81a1a] 

Keterangan Shortcode Grid Post Widget:

  1. [customWidgets] = Merupakan indikator bahwasannya yang ingin dibuat adalah Custom Widget.
  2. -results=[x] = Merupakan indikator jumlah Post yang ingin ditampilkan, kalian dapat mengubah nilai x dengan angka (Jumlah Postingan) yang kalian inginkan.
  3. -label[x] = Merupakan indikator nama Label dari postingan yang ingin ditampilkan, kalian dapat mengubah nilai x dengan nama Label atau memasukkan recent untuk menampilkan Postingan terbaru.
  4. -type=[grids] = Merupakan indikator tipe Custom Widget untuk Grid Post.
  5. -color=[x] = Merupakan indikator Warna Hover Link dan Loader untuk Custom Widget (Opsional), kalian dapat mengubah nilai x dengan kode Warna (HEX).

Contoh: Disini saya ingin membuat Grid Post Widget dengan hasil Postingan yang ingin ditampilkan sebanyak 3 Post dengan Label Teknologi dan link-nya berwarna biru (#1a73e8). Berikut adalah contoh Shortcodenya:

[customWidget] -results=[3] -label=[Teknologi] -type=[grids] -color=[#1a73e8] 
  • Semua Shortcode Custom Widget itu Case Sensitive. Artinya, besar atau kecilnya huruf sangat berpengaruh.
  • Kalian dapat menggunakan/tidak menggunakan Shortcode -color=[x] (Opsional).

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]