FitnessMag Blogger Template

DemoDownload
Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  www.wpexplorer.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.


blogger magazine templates,reezy mag blogger template,smash magazine blogger template,guzel magazine blogger template,maggo magazine blogger template,
License : Creative Commons Attribution 3.0


Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
<div class='flexslider' id='slider'>
<ul class='slides'>
 <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
<div class='caption'>Awesome Blogging Theme! </div></li>
 ..........
Replace:
"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
<ul class='sfmenu' id='menu-main'>
 <li><a href='#'>Category 1</a></li>
 <li><a href='#'>Category 2</a>
  <ul class='sub-menu'>
   <li><a href='#'>This is a dropdown</a></li>
 ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
<h2>Follow Us</h2>
<ul class='clearfix'>
 <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
 <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
 ..........
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:
Find this:
<h3 class='heading-border'><span>Author</span></h3>
<div id='author-image'>
<a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
</div>
<div id='author-bio'>
<h4>Written by <a href='#'>Admin</a></h4>
<p>Aliquam molestie ligula vitae nunc...</p>
</div>