Materia X2 - Multipurpose, Responsive, Premium Material Design Blogger Theme
Materia X2 Template terbaik? Hmm. Materia X2 merupakan Tema atau Template Blogger yang bertemakan Material Design dan terinspirasi dari Google. Materia X2 ini dikembangkan oleh Yasya El Hakim. Menurutnya, Materia X2 bukanlah Template atau Tema terbaik, karena semuanya bergantung pada pengguna yang memakai atau menggunakannya.
Setelah membuat lebih dari 10 Template atau Tema Blogger dan hanya beberapa yang dipublikasikan, Developer memutuskan untuk serius pada Materia X2. Keseriusan itu dibuktikan dengan cara memberikan Update atau pembaruan secara rutin serta menambahkan fitur-fitur baru. Hal ini dikarenakan Materia X2 selalu digunakan pada Website ini (EL Creative Academy).
Tema Materia X2 tidak jauh berbeda dengan generasi sebelumnya yaitu Materia X, perbedaan mencoloknya adalah Materia X2 jauh lebih ringan dan kaya akan fitur. Terkait SEO (Search Engine Optimization) dan Monetizing (AdSense), Developer tidak bisa menjamin akan dapat memiliki artikel yang berada pada posisi nomor satu (Page One) di Pencarian Google, atau dapat di Approve (Terima) menjadi Publisher Adsense dengan cepat. Karena kedua hal tersebut bergantung pada konten, algoritma dan bukan Template atau Tema karena hal tersebut diluar kendali.
Mengenai SEO (Search Engine Optimization) dari Materia X2, Developer juga tidak dapat menjamin bahwasanya tema ini SEO Friendly. Namun, dalam proses pengembangan, Developer sudah membubuhi segala hal yang berhubungan dengan SEO. Mulai dari Responsive Design (Dapat bekerja di berbagai ukuran layar perangkat), Meta Tag, Schema markup, aksesibilitas serta optimalisasi lainnya.
Kalau sudah di optimalisasikan, mengapa Developer tidak menganggap bahwa template atau tema ini SEO Friendly? Sama seperti yang sudah di sebutkan sebelumnya. Semua itu bergantung pada pemakai atau pengguna, bukan Developer yang semena-mena mengklaim sendiri bahwa "Template atau tema ini template terbaik", "Template atau tema ini SEO nya paling bagus", "Template atau tema ini pokoknya paling terbaik" dan lain-lain.
Table of Contents
- Kelebihan Tema Materia X2
- Fitur Tema Materia X2
- Content Delivery Network (CDN) Resource
- Vanilla and jQuery Script
- Progress Bar
- Lazy-Loading AdSense
- Color Mode
- Material Design Ripple Effect
- Google Custom Search Engine
- Ajax Search
- Navigation Drawer Sub-Menu
- Native Sharer
- Pagination Type
- Safelink
- Custom Widgets
- Image Lightbox Zooming
- Post Datetime Ago
- Post Read Time
- Post Table of Contents (TOC)
- Post Split (Paginated Post)
- Post Code Syntax Highlighter
- Post Shortcode
- Post Scroll Indicator
- Related Post
- Post Sitemap
- Comment System
- Harga Tema Materia X2
- Ketentuan serta Syarat dan Kebijakan
- Daftar Perubahan dan Pembaruan
Kelebihan Tema Materia X2
Responsive Design
Pada dasarnya, Responsive Design atau Responsive Web Design adalah salah satu tujuan untuk menjadikan desain Web dapat bekerja dan sesuai dengan berbagai macam ukuran layar dari setiap perangkat. Mulai dari ukuran layar Minimum (terkecil) sampai Maximum (terbesar) serta memperhatikan cara penggunaan dan kepuasan pengguna.
Tentu saja Materia X2 dirancang dengan memperhatikan aspek Responsive Design (Desain Responsive). Berikut adalah beberapa tampilan tema Materia X2 pada berbagai ukuran layar perangkat:
*Tampilan atau Desain sewaktu-waktu dapat berubah.
Unlimited and Lifetime Update
Dengan menggunakan Materia X2, kalian akan mendapatkan semuanya, fitur, dukungan, pembaruan selamanya*
*Jika tidak melanggar kebijakan produk kami.
Fixed Header/Navigation Bar
Fixed Header atau Fixed Navbar (Atau sering disebut dengan Sticky Header/Navbar) adalah suatu navigasi pada Web yang membuat Header atau Navigation Bar tetap berada di bagian atas halaman meskipun pengguna men-scroll atau menggulir halaman keatas maupun kebawah.
Materia X2 memiliki fitur ini dikarenakan navigasi termasuk dalam suatu aspek penting dalam suatu Website atau Blog.
Navigation Drawer
Navigation Drawer adalah panel User Interface (UI) yang umumnya dapat menampilkan menu navigasi utama. Pada layar yang kecil seperti perangkat Mobile, Navigation Drawer akan muncul ketika pengguna mengeklik Icon Menu pada Header atau Navigation Bar (Navbar).
Ini adalah salah satu fitur yang menjadi ciri khas bagi Materia X2. Jika kalian tidak suka dengan melihat Panel Navigation Drawer khususnya di layar Desktop, maka kalian juga dapat menyembunyikannya dengan mudah.
Multiple Ads Section
Terdapat beberapa Section atau lokasi untuk menempatkan Slot atau kode iklan. Mulai dari Homepage Atas dan Bawah, Sidebar, Diantara Postingan (In Feed) pada halaman Index maupun Item dan lain-lain.
Stylish Default Gadget
Semua Gadget atau Widget Default (Bawaan) dari Blogger seperti Featured Post, Blog Archive, Labels, Popular Posts, Blog List dan lain-lain sudah di rancang dan diubah tampilannya sehingga tidak terlihat kaku.
Theme Customizer
Semua fitur pada Materia X2 dapat diatur melalui Theme Editor, bahkan fungsi dari JavaScript pun juga dapat dikendalikan dari sana.
Auto Translate (Multilingual)
Pada Materia X2, kalian dapat mengatur bahasa Blog ke Bahasa apapun, maka Tema akan mengikuti bahasa yang diatur.
Fitur Tema Materia X2
Fungsi dan fitur dari Tema atau Template Blogger pada dasarnya sama, yang membedakan adalah tampilan, ide dan penggunaannya. Fitur dari Materia X2 juga tidak jauh berbeda dengan Tema atau Template Blogger/Blogspot lainnya, hanya saja disini Developer memutar otak agar suatu fungsi yang jarang digunakan menjadi dapat digunakan.
Berikut adalah beberapa fitur dari Template atau Tema Materia X2:
Content Delivery Network (CDN) Resource
Content Delivery Network (CDN) salah satu kegunaannya adalah untuk mempercepat loading halaman website. Fungsinya, memastikan pengiriman konten (CSS dan JavaScript) dari lokasi server terdekat ke pengguna yang mengakses web atau blog. Hal tersebut tentu saja dapat meningkatkan kecepatan respon suatu website ketika diakses.
Content Delivery Network ditujukan bagi suatu website dengan banyak konten. Meskipun demikian, sebenarnya semua website juga dapat menggunakan CDN untuk meningkatkan performa.
Kelebihan dari adanya fitur ini pada Materia X2 salah satunya adalah pembaruan Template atau Tema dapat langsung dipublikasi dan digunakan oleh pengguna.
Vanilla and jQuery Script
Yang dimaksud dengan Vanilla adalah penggunaan JavaScript yang murni tanpa Library (Pustaka) atau Framework (Kerangka Kerja) tambahan. Sedangkan jQuery merupakan Library untuk JavaScript.
Mengikuti Trend saat ini. Materia X2 hanya menggunakan Vanilla JS dan sudah tidak lagi menggunakan jQuery. Namun, bagi kalian yang ingin menambahkan Script Custom dan membutuhkan jQuery, maka kalian tidak perlu repot-repot lagi untuk merubah struktur tema. Cukup mengakses pengaturannya melalui Customizer.
Progress Bar
Progress Bar merupakan element yang biasanya digunakan untuk menvisualisasikan progres pemuatan halaman.
Kalian dapat memilih salah satu dari dua tampilan Progress Bar, antara lain: Progress Bar Default maupun Indeterminate.
Lazy-Loading AdSense
Lazy-Loading pada Script AdSense sangat berguna agar halaman dapat termuat dengan cepat serta mengurangi konsumsi Resource sehingga dapat meningkatkan tingkat penglihatan atau tampilan halaman dengan cara menjeda Request atau permintaan dari pemuatan iklan sampai halaman utama termuat sepenuhnya.
Fitur ini juga dapat diaktifkan atau dinonaktifkan dengan mudah dengan cara mengaksesnya pada Customizer.
Color Mode
Color Mode merupakan fitur untuk mengubah warna tema menjadi Light (Terang) atau Dark (Gelap). Selain dapat diaktifkan dan dinonaktifkan dengan mudah, State untuk fitur Color Mode juga dapat diatur. State tersebut terdiri dari Toggle Dark dan Light Mode serta Toggle Dark, Light dan System Mode.
Material Design Ripple Effect
Efek Ripple merupakan ciri khas Material Design yang dapat memberikan efek Radial dalam bentuk riak air yang meluas keluar dari aksi sentuhan atau interaksi pengguna. Dalam User Interface, efek ini berguna sebagai Feedback atau umpan balik visual pada setiap interaksi yang memberikan sinyal jelas kepada pengguna bahwa terdapat suatu elemen yang sedang disentuh.
Google Custom Search Engine
Google Custom Search Engine (CSE) atau Google Programmable Search Engine adalah salah satu Platform yang disediakan oleh Google yang memberikan akses kepada Web Developer untuk menambahkan informasi khusus dalam hal pencarian konten, pengkategorian pencarian serta mesin pencarian custom berdasarkan Google Search.
Fitur ini dapat digunakan dengan mudah di Materia X2 tanpa perlu menambah Elemen atau Script Custom lagi.
Ajax Search
Ajax Search yang dimaksud tertuju pada fungsi pencarian pada Blog dimana pencarian tersebut dapat ditampilkan secara Realtime atau secara langsung ketika kalian mengetikkan kata kunci pada Input pencarian.
Dengan adanya fitur ini, kalian tidak perlu berpindah atau memuat ulang halaman yang tentunya dapat mempermudah pengguna dalam mencari apa yang mereka cari.
Navigation Drawer Sub-Menu
Navigation Drawer juga mendukung Sub-Menu sampai dengan dua level. Sub-Menu biasanya juga disebut dengan istilah Cascading Menu yang umumnya digunakan untuk membuat Menu yang berada dibawah atau didalam menu lainnya.
Native Sharer
Native Sharer atau Native Sharing merupakan suatu fitur yang dapat meneruskan Link atau tautan serta Media seperti gambar atau video ke aplikasi atau Platform lain tanpa meninggalkan halaman.
Fitur ini sangat berguna sekali bagi pengguna perangkat Mobile. Alih-alih menyalin dan mempastekan Link, pengguna hanya perlu mengeklik tombol Bagikan yang akan dapat mendistribusikannya ke Aplikasi lain.
Pagination Type
Pagination (Paginasi) adalah proses untuk memisahkan konten menjadi beberapa halaman. Umumnya, Pagination ini berupa nomor halaman 1, 2, 3 dan seterusnya.
Materia X2 memiliki 4 tipe Paginasi bawaan, antara lain. Next-Prev Pagination (Paginasi yang berupa tombol Postingan Sebelumnya dan Postingan Selanjutnya), Numbered Pagination (Paginasi yang berupa beberapa nomor), Load More Pagination (Paginasi yang berupa satu tombol untuk memuat beberapa postingan) dan Infinite Pagination (Paginasi yang otomatis dijalankan ketika pengguna men-scroll halaman).
Safelink
Safelink merupakan salah satu fitur Materia X2 yang umumnya digunakan untuk mengamankan suatu Link, selain itu juga dapat digunakan sebagai halaman untuk menampilkan iklan.
Custom Widgets
Materia X2 memili beberapa Custom Widget Seperti Carousel (Slider) Post, Grid Post, Comment List, Google Translate pada Floating Action Button dan lain-lain.
Image Lightbox Zooming
Image Lightbox atau Image Zooming merupakan fitur yang dapat memperbesar gambar ketika diklik.
Post Datetime Ago
Fitur ini berguna untuk mengubah tanggal publikasi menjadi format tekstual. Format tersebut dibagi dalam beberapa kategori yaitu Jam, Hari, Bulan dan Tahun.
Post Read Time
Fitur ini berguna untuk menampilkan estimasi waktu dalam membaca postingan.
Post Table of Contents (TOC)
Table of Contents atau disingkat dengan (TOC) merupakan suatu List atau daftar yang dapat dijumpai pada suatu dokumen atau halaman Web yang berisi Chapter atau Heading (Judul Artikel).
Fitur TOC pada Materia X2 dapat tergenerate atau terbuat secara Otomatis serta dapat diletakkan pada dua lokasi (Didalam Postingan dan Pop-Up).
Post Split (Paginated Post)
Paginated Post berguna untuk membagi postingan menjadi beberapa halaman. Biasanya, fitur ini digunakan ketika terdapat Postingan yang cukup panjang.
Post Code Syntax Highlighter
Umumnya, Syntax Highlighter adalah fitur pada Text atau Code Editor yang digunakan oleh Programmer atau Developer untuk menampilkan teks kode menjadi bermacam warna sehingga kode tersebut dapat dibaca dengan mudah.
Selain memiliki fitur ini, Materia X2 juga dapat menambahkan tombol Copy atau salin untuk Code Box.
Post Shortcode
Shortcode adalah kode-kode pendek yang digunakan untuk merubah format menjadi komponen tertentu. Berkat fitur ini, kalian tidak perlu menuliskan kode-kode HTML yang rumit untuk melakukan kustomisasi pada halaman dan konten blog.
Hampir sama seperti yang ada pada pada Wordpress, ketika ingin membuat tombol, kalian tidak perlu mengetik elemen HTML, cukup memasukkan beberapa teks sesuai dengan Shorcode yang tersedia.
Post Scroll Indicator
Materia X2 memiliki fitur indikator Scroll untuk postingan artikel yang berguna untuk memberitahukan pengguna mengenai sejauh mana halaman sudah di Scroll. Post Scroll Indicator ini dapat bekerja ketika pengguna mennggulir atau Scroll halaman keatas maupun kebawah.
Related Post
Fitur Related Post berguna untuk menampilkan Postingan tambahan yang sesuai dengan postingan saat ini. Sangat berguna sekali bagi pengguna yang tertarik membaca artikel lain setelah selesai membaca artikel saat ini.
Post Sitemap
Pada dasarnya, Sitemap adalah daftar postingan yang telah terindex pada Search Engine. Namun, istilah Post Sitemap disini merupakan suatu fitur yang berguna untuk menampilkan semua postingan pada Blog berdasarkan tanggal publikasi, pembaruan ataupun kategori/label.
Comment System
Jika kalian bosan atau tidak ingin menggunakan sistem komentar bawaan Google atau Blogger, kalian juga dapat menggunakan sistem komentar alternatif seperti Disqus.
Harga Tema Materia X2
Ini pertanyaan utama bagi peminat, melihat beberapa fitur yang ditawarkan, ini Materia X2 di bandrol dengan harga IDR. 350.000 (Rupiah Indonesia) atau $25 (Dolar Amerika) pukul rata, artinya tidak ada fitur perbedaan lisensi.
*Harga Normal: Berbeda lagi jika ada Diskon.
Untuk pembayaran dan ketentuan yang tidak tertulis, kalian bisa hubungi Developernya langsung melalui WhatsApp.
Ketentuan serta Syarat dan Kebijakan
Berikut adalah beberapa informasi Syarat dan Ketentuannya:
- Mulai update v1.0.5, user wajib menyertakan URL Blog/Website yang ingin menggunakan Materia X2 guna meningkatkan keamanan Source Code dan dapat digunakan sebagai Lisensi resmi. Adapun jumlah website yang bisa diterapkan tetap Unlimited (Tanpa batasan).
- Dukungan instalasi hanya berlaku sampai 3 bulan terhitung awal pembelian selamanya. Jika dalam jangka waktu 3 Bulan anda belum meminta dukungan, maka dukungan tersebut akan dihitung hanya sampai 3 kali.
- Update/Pembaruan Unlimited sudah tidak berlaku jika pembelian sudah mencapai 1 tahun. Jika jangka waktunya sudah habis, anda dapat membeli ulang dengan potongan harga 80%.
- Saran, masukan, pelaporan bug dan pelanggaran, serta Request penambahan Fitur bisa diajukan pada kolom komentar di bawah ini atau pada halaman Bug Report serta Request & Feedback. Sedangkan dukungan/bantuan bisa langsung melalui Whatsapp.
- Request tidak dapat dilakukan perseorangan/personal, karena sudah masuk ke dalam kategori Custom Design. Jika mau, anda dapat Request Custom Design yang tentunya terdapat biaya tambahan.
- Pemilik Materia X2 diperbolehkan untuk mengedit dan memodifikasi. Tetapi tidak untuk menghapus kode/Script yang sudah ada.
Daftar Perubahan dan Pembaruan
Semua pembaruan, perubahan, penghapusan fitur, dll. pada Tema Materia X2 dapat dilihat pada halaman Changelog.
Selama menggunakan template ini, tidak ada masalah.
Rekomend pokoknya.
Saran :
Tambahkan,
Widget sitemap
Widget newsletter
Shortcodes
Demo, download
Spoiler
Bagi konten post jd 2/3
Tabel post
Video
Kode highlighter
Image lightbox
Saran aja min.. hehe.
Sebenarnya sudah bagus min. Bagus... dan puas selama menggunakan Materia X2 Premium.
Thanks admin.
Tambahan :
Kode highlighter
Comment versi terbaru
Custom widget mungkin shortcode bisa ditambahin lagi min...heheh
Shortcode Accordion & Tabs
sama fitur E-commerce masuknya di mana min? kalo bisa masuk langsung ke WA..
udh min.. udh bagus banget
makasih min
1. kalo bisa next update kode scriptnya jQuery work di postingan...jadi gak perlu nambahin di dalam templatenya
2. Kode iklan yang before sama after postingan dibuat 4 (kaya viomagz min, heheh)
3. Tombol search (mobile) kalo diklik darkmenu nya kegeser.
4. menu dropdown gk bisa dikasih svg(icon) min?
thx min
Jika berkenan harap dibuatkan tool yang bisa digunakan untuk kepentingan update theme tanpa menghilangkan berbagai konfigurasi yang telah ada sebelumnya (termasuk juga untuk widget blog)
terima kasih.
Kalau ada fitur safelink bakal lebih mantap lagi. Makasih.
- TOC masih blm berhasil tutor sesuai web elca
- terus untuk shortcode itu kalo beberapa line harus manual di edit html
- syntax highligh < pre > < code > masukin ke shortcode
- iklan tengah artikel tolong di perbaiki
btw saya nunggu versi wp nya juga😂
Sangat senang bila ada tutorial untuk setting tanpa daftar isi.
Semoga membantu
Awalnya saya agak kesulitan, karena tampilan dashboard terbaru blogger tidak terdapat >Post Setting.
Katanya tampilan blogger terbaru ini akan permanen. Jika benar, mungkin perlu penyesuain tutorial lagi.
Terima kasih.
Berguna jika ada yg punya blog tipe kategori nya seperti ini
Contoh:
Kategori / Label utamanya adalah *Pendidikan*
Sub kategori nya:
- IPA
- IPS
- BAHASA
Jadi pembaca lebih mudah jika dibuat fitur seperti itu ketika ingin melihat semua kategori / label *PENDIDIKAN* melalui navigasi
Tak sabar menunggu update nya 😁 biar ga usah berulang2 seting templet waktu belinya nanti
Btw Tolong tambahkan Ads infeed dong min, dn klok bisa pada forum search ada seperti suggest ala situs situs google tpi dri label saja biar gk terlalu berat
Untuk masukannya akan kami catat. Terimakasih atas Feedbacknya.
Saya bisa buat artikel di dasbord lama pas di dasboard baru kok jadi gini ya. ada solusinya?
mana dasboard lama dh gk ada
juga widget medsosnya di versi 1.1.1 terlihat mubazzir lebih indah dan sipel icon medsosnya di bawah kotal berlangganan seperti di blog ini juga.
Thanks mas yasya 🙏🙏🙏
Cumaaa... Penasaran ma tampilan iklannya om. Yg ada cuma di bawah doank, jadi bertanya-tanya, kayak gmn klo iklan ada di tengah tulisan, sticky bar.
Cuba dunk ditamlilun iklan di sana, Atau... Dibahas juga tentang bagaimana tamoilan iklan di template ini secara lengkap. Salam.
Dan Outhor lebih leluasa memantau kinerja penulis tamu dari fitur login di halaman blog