Flat Mag-Blogger

DEMO DOWNLOAD

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
Hierarchical Menu Flat Mag template comes with hierarchical dropdown navigation menu.
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>
</ul>
</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>
</ul>

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>

<script src="/feeds/posts/default/-/Category 2?orderby=updated&alt=json-in-script&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>
</div></div>

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.