FlatMag Responsive Blogger


http://ketemplate.com

TEMPLATE INFORMATIONS
Platform Type blogger.com / blogspot
Template Name FlatMag
Instructions template install here
Author name templateism
Designer URL http://templateism.com
Publisher www.ketemplate.com
FlatMag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green color scheme, FlatMag gives you visitors the experience of their life as they go though the responsive and flexible design.

Features:
1.Responsive Design
2.Sticky Header with Drop down Menu
3.Author Bio Widget
4.Featured Label Posts

How To Customizing Sticky Menu?
Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.
    <div class='span-24'>
    <div class='menu-secondary-container'>
    <ul class='menus menu-secondary'>
    <li><a href='http://flatmag.blogspot.com/'>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>
    <li><a href='#'>Contact</a>
    <ul class='children'>
    <li><a href='#'>Dvd</a></li>
    <li><a href='#'>Games</a></li>
    <li><a href='#'>Software</a>
    <ul class='children'>
    <li><a href='#'>Office</a>
    </li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href='#'>About Us</a></li>
    <li><a href='#'>Portfolio</a></li>
    <li><a href='#'>Tutor</a></li>
    </ul>
    </div>
    </div>

How to Customize Featured Content Area? 
Go to Blogger.com >> Your Blog >> Layout >> now beside post body and right sidebar you will notice a small thin gadget area. Press "Add a gadget >> Add HTML/JavaScript and paste the following code there.

Note: Replace "Tech" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<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/-/Tech?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/></script>