Tuesday, October 23, 2012

FitnessMag 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>

Free Version Full Version

60 comments :

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

    ReplyDelete
  2. Sora Templates.Templates prettiest only found here.

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

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

      Delete
  4. please how to remove the slider thanks in the advance

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

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
    Replies
    1. we have to remove any spam action.

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

      Delete
  7. I do not see the option to change the Author

    ReplyDelete
    Replies
    1. check it again while ticking "expand widget" option.

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

    ReplyDelete
    Replies
    1. we do not support any kind of customizations

      Delete
  9. This comment has been removed by a blog administrator.

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

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

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

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

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

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

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

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

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

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

    ReplyDelete
  18. read comments before make questions.

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

    ReplyDelete
  20. This comment has been removed by a blog administrator.

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

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

    Thanks admin!

    ReplyDelete
  22. 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.

    ReplyDelete
    Replies
    1. not try with Adsense yet, but I have an idea:

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

      Delete
    2. 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

      Delete
  23. 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!

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

      Delete
  24. Hi Clairvo Yance
    This is an awsome template!
    Question: How to conect my posts to the Tab (category 1, 2...)
    Thanks so much

    ReplyDelete
    Replies
    1. In the labels widget, there's a "Cloud" mode, choose it.

      Delete
  25. the page navigation is not appearing, this appearing Newer Posts, Home and Older Posts.

    ReplyDelete
    Replies
    1. your blog must be in public mode to be appeared.

      Delete
  26. hi, thx for this amazing template.
    question: how to create background image that fit to the size of the header ? . i just create image with 960 px width and its not fit with the header . . .
    sorry for my bad english . . . :)

    ReplyDelete
  27. An amazing template ! Just wanted to express my gratitude. Thanks to you, my site now looks awesome.

    ReplyDelete
  28. awesome template but i have a problem...the posts on my homepage gets disorganized... i just dont know what to do... please take a look and help

    http://dasilvareal.blogspot.com

    please...

    ReplyDelete
    Replies
    1. Thanks for your report.

      Please try the updated version above.

      Delete
  29. There is a problem with the layout template.
    try the updated version url ..??

    ReplyDelete
  30. Hi Clairvoyance. Your template is A.W.E.S.O.M.E!! But i have a few questions to ask
    1. How do i remove the slider, and also how do i add it if i want to later
    2. On my home page, the thumbnails shown by "You may also like" keep coming out of the columns. How do i rectify it
    3. Also, at the end of each post, There is an "Author section" (and i love it!), but how do i edit the name and pic to be mine
    My blog url is www dot diseasesofman dot com. Sorry if am breaking any rule. i just want you to understand me better
    Please i dont really know much about codes, so please try to break it down for me so i can understand it better
    After am able to customize this template to my taste, i think am gonna promote it on my blog. Thanks

    ReplyDelete
  31. Thanks for finally approving my comment. However, you didnt reply. But not to worry though, i got some of the problems figured out myself. But still i got some more questions
    1. In the category tab, after i edited and added 6 different categories, the tab got disorganized. Is there a solution to it?
    2. I want to create my header to be very similar to that of this blog template, especially the fact that "FITNESSMAG" doesnt have its own background, rather it takes on the red background of the header. When i tried creating mine on my blog using corel draw, it had a white background after uploading. Please what do i do. Thanks

    ReplyDelete

Read this before commenting

Name : *

Email : *

Message : *

 

Subscribe and Follow

template-navi