FitnessMag Blogger Template





DemoDownload
Template name : FitnessMag

Platform: Blogger / Blogspot

Free download blogspot template Html5 CSS3
Designer :  wpexplorer

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.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Widescreen monitors are perfect in displaying web images.

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>
Posted by Dexcuit at 10:05:00 PM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )