Flat Mag

Love this
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • Flat Mag template color schemes:
About this template
  • Date Released:   Aug, 2013
  • Designer:   Templateism
  • Price:   FREE
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
  • Downloads:   7252
  • Demo views:   9580
  • 47 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Responsive design
  • Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones
  • Flat Design
  • Flat Mag template has Flat Design. Flat design is a new trend in Web design that works without embellishment – drop shadows, bevels, embossing, gradients etc.,
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Good Typography
  • Flat Mag template has beautiful Typography (font styles). Your website will look beautiful and readable
  • Featured Post
  • Show featured posts in home page using this template. Engage your users by showing your top content in home page
  • Custom web fonts
  • Flat Mag template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • Flat Mag template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • Flat Mag template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • Flat Mag template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • Flat Mag template shows related posts in the bottom of every post. This improves user engagement of your site
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
  • Search box
  • Flat Mag template has search box in it. Search box helps your user to find the content easily on your site
  • Author Widget
  • Flat Mag template comes with Author widget. Use this widget in post footer. Useful if your blog has multiple authors
  • Pagination
  • Pagination links helps users to navigate easily to your older posts. Users can click easy to use buttons to go to Page 2, Page 3 etc.,

Set up TopNavigation Menu

After installing this template, go to Template -- Edit HTML and find following code. Update the link url and Link names to your needs.

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Blog</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>

Default BreadCrumb Text

This template shows "Home / Blog / Welcome to Flat Mag" as the default BreadCrumb text (below the Header). Here "Flat Mag" is your Blog Title. If you want to change this then find following code in the template to update the default BreadCrumb text for the home page,

<ul id='breadcrumbs-mbl'> <li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> / </li>

<li><a>Blog</a> / </li>
<li><a>Welcome to <data:blog.title/></a> </li>

Set up Featured Posts in the Home Page

This template has 3 columns in the Home page. First Column shows your Recent Posts. Second Column (Small column with posts) shows the Featured Posts. Third Column is ofcourse the Right Sidebar. NOw, to set up the Featured Post go to Layout and then add a HTML/Javascript Widget in the center column. Center column is located beside the Blog Posts widget. This is the small column. After you added HTML/Javascript Widget then add following Code in the Content box to show Featured posts. Here update "Category 2" with your Label. This will show the Posts from this label. Make sure to update "numposts" variable with the number of posts you want to display in the Featured area section.

<script type="text/javascript">
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;

<script src="/feeds/posts/default/-/Category 2?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript"></script>

Google Ad under the Featured Posts

We are showing a 160X600 Google Adsense Ad beneath the Featured posts widget. This looks really nice. If you want to do the same then add another HTML/Javascript Widget and paste your 160x600 adsense code.

Set up Labels Widget

If you want to acheive the Labels look like in our demo then use Display mode as "List" and check the Show number of posts per Label checkbox.

Set up Authors Widget

To set up Authors Widget, Locate the following code in th doucmentation and update the text as required.

<h3>Written by <a expr:href='data:post.authorProfileUrl' rel='author' title='Posts by admin'><data:post.author/></a></h3>
<div class='author-title-line'/>
<p>We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes.
Each support has free and providing HD support screen casting. </p>

Meta Description

This template is Search Engine Optimized by Lovely templates. We are using Search preferences options for meta description. Go to settings -- Search Preferences and enter a description for your site. This description will come as meta description for your home page. Helpful for Search engines. Also, you can add meta descriptions for every page you create in blogger. This template is completely optimized for SEO by Lovelytemplates.com.

Layout for Flat Mag Blogger Template

  • http://webberbagi.blogspot.com/ Syaifurrahman .

    Great template, thank to Templateism

  • lovelytemplates

    You should refer to the documentation section “Set up Featured Posts in the Home Page”.

  • lovelytemplates

    Follow the documentation that comes with this template. Refer to section “Set up Featured Posts in the Home Page”

  • lovelytemplates

    This feature is not supported. We can’t help custom features as this template is Free

  • Flashngo Ken’s

    on the main page, i wan to minimum the post text (recent post), anyone can help?

  • http://gptbee.com Jvs Sai

    I am using flat-mag template, but i want to remove continue reading option, i want all of my posts should be visible automatically which means no need to click continue reading to see full post how can i do that ?

    • King GeneraL

      you can use page break at blogspot editor, so when it show it will shown as see more / read more