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.

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>
46 comments
October 24, 2012 at 5:18 AM

wow amazing. this is a very nice template, simple and clean.

October 24, 2012 at 9:46 AM

Sora Templates.Templates prettiest only found here.

October 27, 2012 at 3:31 AM

may blog is multi writer blogger.. how do I config author section of my blog templet.. plz help me

October 27, 2012 at 11:48 AM

please how to remove the slider thanks in the advance

October 27, 2012 at 8:50 PM

http://www.mybloggertricks.com/2012/05/display-guest-author-box-automatically.html

October 28, 2012 at 10:21 AM

thnankx a lot dr

October 28, 2012 at 1:13 PM

you kn ow what, this is the prettiest blogger template i have found. Finally my long search end here. Thanks a lot.

October 29, 2012 at 2:01 AM

#slider-wrap { display: none }

October 29, 2012 at 1:38 PM

This comment has been removed by a blog administrator.

October 29, 2012 at 11:51 PM

we have to remove any spam action.

October 30, 2012 at 4:28 AM

ok.. but ans my question.. i need a slider of width about 900px.. from where i get it.

October 31, 2012 at 7:13 AM

from Google

November 2, 2012 at 2:26 PM

I do not see the option to change the Author

November 4, 2012 at 1:54 AM

check it again while ticking "expand widget" option.

November 5, 2012 at 6:44 AM

How to change background of header into:
1. Blue COLOUR
2. Green Colour
3. Pink Colour
4. Magenta Colour
Thank you.

November 6, 2012 at 6:22 AM

we do not support any kind of customizations

November 7, 2012 at 6:02 AM

This comment has been removed by a blog administrator.

November 7, 2012 at 8:15 PM

How to change Author Section ? I don't see the code in "Edit HTML"

November 8, 2012 at 5:14 AM

improve your english skill first.

November 8, 2012 at 5:22 AM

how about the "expand widget" option

November 10, 2012 at 6:06 PM

This Page is amazing. Now can i have a beautiful Blog. Thx :-)

November 10, 2012 at 9:24 PM

This template is very easy to use .thanx a lot Admin.

November 14, 2012 at 9:31 PM

thank u soo much but how i edit ad space in top

November 15, 2012 at 3:20 AM

popular post text was going outside of the widget box.
please solve it.

November 16, 2012 at 3:00 AM

only 3 post are showing on my home page out of 10

November 16, 2012 at 9:16 PM

<div id='header-banner' style='margin-top:25px'>
<a href='#'><img src='/banner.png'/></a></div>
</div>

November 16, 2012 at 9:20 PM

#PopularPosts1 a { overflow:hidden }

November 16, 2012 at 9:33 PM

http://www.itechcolumn.com/2012/01/how-to-disable-blogger-auto-pagination.html

November 18, 2012 at 5:00 AM

Hi Clairvo Yance Can u tel me how to add 468x60b.png banners in Ad space top up in menu ???

November 18, 2012 at 5:14 AM

How to Remove Author Section ? I don't see the code in "Edit HTML"

November 21, 2012 at 5:05 AM

read comments above

November 21, 2012 at 5:06 AM

you missed "expand widget"

November 21, 2012 at 2:24 PM

please how to remove the slider ??

November 22, 2012 at 11:26 PM

awesome template.. :) :)

November 23, 2012 at 6:07 AM

read comments before make questions.

December 8, 2012 at 6:40 AM

hi, can u tell me size of slider image sir ? ? thx . . .

December 9, 2012 at 12:06 AM

608x400

January 19, 2013 at 4:15 AM
This comment has been removed by a blog administrator.
January 22, 2013 at 5:22 AM

http://www.soratemplates.com/p/comment-policy.html

March 28, 2013 at 11:24 PM

Hello, Very Awesome Template.
Question..
how to put image on ads space?

Thanks admin!

March 29, 2013 at 6:18 PM

read all comments above first

April 5, 2013 at 9:55 AM

Hello, Clairvo

Thanks for this template, it's awesome. I have just one question. Is it possible to have a adsense banner on that top add banner, instead of a banner based on a URL and image?

Thank you.

April 5, 2013 at 6:33 PM

not try with Adsense yet, but I have an idea:

<div id='header-banner' style='margin-top:25px'>
your adsense code here
</div>

April 6, 2013 at 10:11 AM

If i may, i was able to put a adsense banner on the top left of this template with the help of this link: http://www.bloggersentral.com/2010/05/add-banner-or-search-box-in-blogger.html
It wasn't so hard. Looks great now.

Thanks

May 18, 2013 at 4:22 PM

Hi,

I'm having a problem with the sizes of the pictures on the display on the main page. There are some pics that fit the size of the white chart but others are too big and it gets out of this white chart. How can I fix this?

You can look for yourself: http://fit4friends.blogspot.com/

Thank you!

May 19, 2013 at 6:24 PM

Edit your post which contains problem in, HTML mode, you will get a notification, try to fix it.

Post a Comment

Read this before commenting