MateMagz Material Design Lightweight Blogger Template

MateMagz (Materia Magz) is a lightweight and fastest Material Design Blogger Template that is suitable for news, magazines, personal blogs, etc. MateMagz is almost similar to Materia X2 Premium, which distinguishes only a few features and affordable prices. Also, MateMagz can be easily customized so that you can adjust the appearance, color, font family, etc. with just a few clicks (without touching the code).



Main Logo

  1. Go to Layout and click the Edit Button (Pencil Icon) on the Main Logo section.
  Main Logo

Main Menu

  1. Go to Layout and click the Edit Button (Pencil Icon) on the Main Menu section.

Dropdown Menu

Normal Link: Features
Sub Menu 1 Link: _Features 1 (Add 1 Underscore before Link title)
Sub Menu 2 Link: __Features 1.1 (Add 2 Underscore before Link title)

Dropdown Menu

Header ADS

  1. Go to Layout and click on the Add a Gadget link > HTML/JavaScript, Image, or AdSense on the Header ADS section.

Home ADS

  1. Go to Layout and click on the Add a Gadget link > HTML/JavaScript, Image, or AdSense on the Home ADS section.

In-Article ADS

  1. Go to Layout and click on the Add a Gadget link > HTML/JavaScript, Image, or AdSense on the ADS 1 (Top Post Ads) or ADS 2 (Bottom Post Ads) section.

Post Layouts and Contact Form

Full Width Post: full-width
Left Sidebar Post: left-sidebar
Right Sidebar Post: right-sidebar
Contact Form: contact-form

Note: Use Striketrhrought on each option.

Post Layouts and Contact Form

Facebook Page Plugin

  1. Go to Layout and click on the Add a Gadget link > HTML/JavaScript on the Sidebar section.

NOTE: To add the Facebook Page Plugin, you'll need to install the facebook SDK on your blog, you can check it by clicking here.

Add This Code:

<div class="fb-page" data-href="YOUR FACEBOOK PAGE URL" data-width="500" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>


INFO: Replace "data-href" content with your facebook page address, and click save button.

Footer Copyright

  1. Go to Layout and click the Edit Button (Pencil Icon) on the Footer Copyright section.

Footer Menu

  1. Go to Layout and click the Edit Button (Pencil Icon) on the Footer Menu section.

Options Panel

The Facebook Page Plugin as well as facebook comments only work if you have the Facebook SDK installed on your theme. See the steps below to acquire and install the Facebook SDK.

Facebook SDK

  1. Go to Facebook Developer and click on Get Code button and copy the SDK Script.

SDK en_US


<script async="async" defer="defer" crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>


Installing SDK

  1. Go to Layout and click the Edit Button (Pencil Icon) on the Facebook SDK in Options Panel section.

CSS Options

Boxed Version

  1. Go to Layout and click the Edit Button (Pencil Icon) on the CSS Options in Options Panel section.
  2. Add boxedVersion to the Link Name/Title and true to the Link URL.

JavaSript Options

Go to Layout and click the Edit Button (Pencil Icon) on the JavaScript Options in Options Panel section.

Available Options:
monthFormat, fixedMenu, fixedSidebar, numberOfRelatedPost, followByEmailText, commentsSystem, and disqusUsername.

Month Format

  • monthFormat - Default is: "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December".

Fixed Menu

  • fixedMenu: true or false. Default is true.

Fixed Sidebar

  • fixedSidebar: true or false. Default is true.

Number of Related Post

  • numberOfRelatedPost: 3, 6, 9, etc. Default is 3.

Follow by Email Text

followByEmailText:
- Default for English is: Get all latest content delivered straight to your inbox.
- Default for Indonesia is: Dapatkan konten terbaru langsung melalui inbox email.

Comment System

  • commentsSystem: blogger, facebook, disqus, or hide. Default is blogger.

Disqus Username

  • disqusUsername: If you add the disqus form, you will then have to add the username of your form, default is el-creative-organization.

NOTE: To add the Facebook Comments, you will need to install the facebook SDK on your blog, you can check it by clicking here.

0 Komentar