Ads by Yasya El Hakim
Dokumentasi Materia X2 Blogger Template

Materia X2 merupakan Premium Material Blogger Template yang dapat digunakan untuk berbagai macam Niche, dapat di kustomisasi dengan mudah, memiliki banyak fitur, dan tentunya SEO Friendly.

Catatan: Artikel ini merupakan dokumentasi lengkap untuk Materia X2.

Selain dokumentasi ini, mungkin beberapa artikel berikut dapat membantu kalian:

Mengatur Logo

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Main Logo, kemudian klik edit (Icon Pensil).

Main Logo

Pengaturan Widget

Pengaturan Widget

Keterangan
  1. Judul Blog
  2. Deskripsi Blog
  3. Logo Blog (.PNG)
  4. Peletakkan "Instead of title and description"
  5. Klik tombol Save.

Menu Kiri (Main Menu)

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Left Navigation, kemudian klik edit (Icon Pensil).

Left Navigation

Pengaturan Widget

Pengaturan Widget

Keterangan:
  1. Judul Link
  2. URL Link
  3. Tambakan Link
  4. Klik tombol simpan

Memasang Icon disamping judul link
Untuk menggunakan Icon disamping nama menu, anda dapat menggunakan Add-Ons Material Icons pada Firefox dan Chrome.

Cari ikon yang anda inginkan dan salin kode SVG dari ikon tersebut, kemudian pastekan sebelum nama dari Daftar Link.

Catatan: Untuk lebih lengkapnya, kalian bisa membaca Cara Edit Widget Daftar Link di Blogger.

Menu Kanan (More Menu)

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Right Navigation, kemudian klik edit (Icon Pensil).

Right Navigation

Pengaturan Widget
Sama seperti mengatur Menu Kiri (Main Menu). Bedanya, kalian tidak bisa menggunakan Icon disamping judul link.

Catatan: Untuk lebih lengkapnya, kalian bisa membaca Cara Edit Widget Daftar Link di Blogger.

Post Widget 1 dan 2

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Post Widget 1 dan Post Widget 2, kemudian klik Add Gadget (Tambahkan Gadget) > HTML/JavaScript.

Post Widget 1

Pengaturan Widget

Kalian dapat menggunakan fitur Custom Widget dengan menuliskan Shortcode berikut:

Struktur Shortcode
[customWidget] -results=[Jumlah Post yang ingin ditampilkan] -label=[Judul Label atau Artikel Terbaru] -type=[Tipe Custom Widget] -color=[Warna Custom dengan menggunakan kode Hex]

Shortcode Type

Block Post
-type=[blocks]

Grid Post
-type=[grids]

Grid Video Post
-type=[videos]

Column Left (Kolom Kiri)
-type=[colleft]

Column Right (Kolom Kanan)
-type=[colright]

Shortcode Label

Label Post
-label=[Teknologi]

Recent Post
-label=[recent]

Shortcode Results

Kalian bisa memasukkan jumlah post yang ingin ditampilkan, contoh:
-results=[5]

Shortcode Color

(Opsional)
Masukkan warna Hex, contoh:
-color=[#1c1c1c]

Contoh penulisan:
Custom Widget dengan Type Block, jumlah post 5, Label artikel terbaru, warna #000000
[customWidget] -results=[5] -label=[recent] -type=[blocks] -color=[#000000]

Screenshot

Shortcode

Catatan:
Kalian hanya bisa menambahkan Custom Widget pada Post Widget 1 dan 2  dengan Shortcode yang telah kami sediakan. Jika kalian menambahkan Widget bawaan Blogger. Maka tidak akan tampil pada halaman blog.

Post Widget 1 dan 2 hanya akan tampil pada halaman utama (Homepage).

Shortcode sangatlah sensitif, artinya penggunaan huruf besar dan kecil sangat berpengaruh.

Kalian bisa melihat masing-masing tipe dari Custom Widget pada Artikel Tentang Materia X2.

Home Ads 1 dan 2

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Home Ads 1 dan Home Ads 2, kemudian klik Add Gadget (Tambahkan Gadget) > HTML/JavaScript.

Home Ads 1

Disana, kalian bisa memasukkan kode iklan dari AdSense atau Publisher iklan lainnya.

Catatan: Home Ads 1 dan 2 hanya akan tampil pada halaman utama (Homepage)

Main Posts

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Main Posts, kemudian klik edit (Icon Pensil).

Main Posts

Disana, kalian bisa mengatur teks (Translation), mengatur jumlah postingan yang ditampilkan, dll.

Post Ads 1 dan 2

Masuk ke Blogger kemudian klik Layout (Tata Letak), cari widget yang berjudul Post Ads 1 dan Post Ads 2, kemudian klik Add Gadget (Tambahkan Gadget) > HTML/JavaScript.

Disana, kalian bisa memasukkan kode iklan dari AdSense atau Publisher iklan lainnya.

Catatan: Post Ads 1 akan tampil pada bagian artikel dibawah judul postingan, sedangkan Post Ads 2 akan tampil pada bagian artikel di akhir isi postingan.

Mengatur posisi iklan dengan Shortode

Jika kalian ingin mengatur posisi/letak iklan, kalian bisa menggunakan Shortcode berikut.

Memindahkan Post Ads 1 kedalam isi artikel
Tuliskan Shortcode berikut kedalam post editor:
-ads=[1]

Memindahkan Post Ads 2 kedalam isi artikel
Tuliskan Shortcode berikut kedalam post editor:
-ads=[2]

Catatan: Setelah memasukkan Shortcode untuk memindahkan Post Ads, pastikan kalian menggunakan Strikethrought, berikut adalah contoh HTML nya:
<strike>-ads=[1]</strike>

Author Box

Jika kalian sebagai penulis artikel mengizinkan semua orang untuk dapat melihat profil kalian. Maka Author Box akan otomatis ditambahkan, jika tidak, maka tidak akan muncul.

Footer

Akan tergenerate secara otomatis.

Theme Options

Terdapat dua Widget yang dapat kalian edit yaitu Facebook SDK dan Default Variable.

Facebook SDK

Secara default, saya tidak menambahkan Script Facebook SDK kedalam Template, itu semua karena tergantung dengan kebutuhan. Pada Materia X2, Facebook SDK berfungsi untuk menampilkan Komentar Facebook serta mengontrolnya. Jika tidak memasang Facebook SDK, kalian tidak akan bisa mengontrol komentar yang berasal dari Facebook.

Cara instal Facebook SDK
Masukkan kode berikut kedalam Widget Facebook SDK:
<script async="async" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

Default Variables

Default Variables berfungsi untuk mengganti teks (Translate), mengatur Comment System, Mengatur format bulan, dll. dengan menggunakan Shortcode

Berikut adalah Shortcode yang tersedia
  1. commentsSystem
  2. disqusShortname
  3. showMoreText
  4. relatedPostsNum

Shortcode commentSystem yang tersedia
  1. blogger
  2. facebook
  3. disqus

Shortcode disqusShortname
Masukkan Shortname Disqus

Shortcode showMoreText
Masukkan teks yang ingin kalian ubah

Shortcode relatedPostsNum
Masukkan jumlah post yang ingin kalian tampilkan pada halaman utama (Homepage)

Pengaturan
Masukkan Shortcode kedalam Judul Link (New Site Name), contoh:
commentsSystem

Masukkan Shortcode yang tersedia kedalam URL Link (New Site URL), contoh:
Facebook

Catatan:
Jika kalian menggunakan commentSystem dari Facebook, maka kalian harus memasang Facebook SDK.

Jika kalian menggunakan commentSystem dari Disqus, maka kalian harus memasang variable discusShortname.

Theme Designer

Terdapat beberapa Variable yang dapat kalian atur melalui Theme Designer pada Blogger, Variable tersebut adalah:

Fixed Sidebar/Sticky Sidebar

Nilai maksimal dari Fixed Sidebar adalah 1, artinya Fixed Sidebar telah aktif.

Keterangan:

1 = Aktif
0 = Nonaktif

0Komentar

Sebelumnya Selanjutnya