Pinkyui Article Era Material is the best Material Design Blogger Template

Era Material is the best Material Design Blogger Template

Demo Component Buy Template

Era Material is the best Material Design template for Blogger. This template is suitable for personal blog, developer/designer blog, project showcase, commercial blog, news blog, etc. This template build without any CSS/JavaScript Framework. By using this template on your blog, you will look cool and professional.

Era Material supported customization on Blogger Theme Designer such as colors, header, toolbar, footer, buttons, etc. Besides that Era Material also supports JavaScript library customization like a ripple, toolbar, scroll indicator, shuffle post, etc.

The design of Era Material is very Responsive, SEO, and support Accessibility. Besides that Era Material also optimized AdSense widget to get the perfect balance between ad placement and content.



A list for all of the component please view in The component demo.

  • Material Design
  • Vanilla JavaScript without jQuery
  • Without any CSS/JavaScript Framework
  • Easy To Customize
  • Unlimited Color Themes
  • SEO Optimized
  • Mobile Friendly
  • JSON Schema
  • Vaild structured data
  • HTML5/CSS3 valid code
  • Responsive Design
  • Accessibility Optimized
  • Cross-Browser Compatibility Chrome, FireFox, Safari, Opera Mini, Edge, IE10, IE11
  • Ads Ready (In Feeds, Before/After Post, Top Ads, Bottom Ads, Sticky Ads)
  • RTL Support (arabic)
  • Translation Ready (manual)
  • Google Translate widget (RTL/LTR support)
  • RTL/LTR Mode
  • Night Mode
  • Fullscreen Mode
  • Loader Animation
  • Scroll Indicator (can disable or enable)
  • Toolbar/Top App Bar (2 type hide toolbar on scroll down only posts/pages, can disable or enable)
  • Skip main content
  • Toggle Notification (notification at Dialog/Modal)
  • Drawer Menu (Modal Drawer, Dismissible Drawer)
  • Dropdown Menu
  • Footer Menu
  • Back to Top
  • Header (showing only feeds pages)
  • Scroll Down
  • Searchbar (3 type on Header and Toolbar)
  • Grid Feeds
  • Shuffle Posts (can disable or enable)
  • Blog Pager (Pagination/Loadmore)
  • Feature Widget
  • Slider Widget
  • Random Post at Snackbar
  • Related Post
  • Subscribe Box
  • Sidebar (showing only on article pages)
  • Sidebar Tabs (Popular Post, Labels, Archive)
  • Sticky Sidebar Widget - Only one widget (recommend used to Ads)
  • 3 type of the comments system, can display only one (Blogger, Disqus, Facebook)
  • Breadcrumb
  • Post Meta
  • Print button with styling print pages (only article pages)
  • Share Button (includes google analytics)
  • Modal Share
  • Author Card
  • Anchor Headings (Automatic)
  • Table of Contents (Automatic)
  • Dialogs (Modal)
  • Snackbars
  • Alerts
  • Accordion
  • Tooltips
  • Buttons
  • Ripples
  • Lazyload Images
  • Clipboardjs (button share, pre tags)
  • Anti Inspect Elements (can disable or enable)
  • JavaScript Library Customize
  • No Encrypt JS
  • Support Update
  • And Much Much More…

Buy Template

If you see or get this template for free it's not official from me (

If the template isn't from me it's usually hacked, pirated, cloned, fake, and has a download link with shortener!
Are you interested using the Era Material, or feel that a template like this is what you are looking for? Buy this template via PayPal/Gumroad just $20.

If you live in Indonesia buy this via Bank just IDR. 200k.

Paypal/Bank Gumroad

After buy this template, follow the instructions on how to install the Era Material through documentation that has been provided in the form of a webpage.


Version 1.0 (December 31, 2018)

  • Initial Release

Credits & Thanks

  • Google
  • Blogger
  • GitHub
  • npm
  • jsDelivr
  • Staticaly
  • lory.js
  • object-fit-images.js
  • cookieconsent.js
  • twemoji.js
  • clipboard.js
  • selectivizr.js
  • respond.js
  • html5shiv.js
  • Material Design Icons (mdi)
  • MDN Web Docs
  • Chris Ferdinandi
  • Todd Motto
  • Dihak M Nur A (Bloggerku)
  • Taufik Nurrohman (DTE)
  • Soraya Lambrechts (Blogger Code)
  • Daniel Abel (zkreations)

Love the post? Share it!

Consider supporting us:

If you feel the article on this blog is useful, please consider supporting us. You can choose many options to support us by donate, including using the Bank, Crypto and others. Thanks.


Subscribe to our latest article