Fresh Mag Blogger Template Free Download

4 Comments so far
Share it →
Name: Fresh Mag
Platform: Blogger/BlogSpot
Release Date: 22, February 2014
Category: Blogging, Technology
Layout: Two Column
Author: www.spicebloggertricks.com
License: Creative Commons Attribution

Preview Download



Today we will going to share with you a one amazing blogger template that name is fresh mag. We will make this template especially for blogging and technology blogs, who want one attractive template for their sites and blogs. We implement different type of features in this template and make its Responsive and SEO friendly and its design is also simple and attracts your site visitors.

Fresh Mag Blogger Template

Fresh Mag blogger template is fully SEO optimized Blogger template and you don’t need to worry about on page SEO. The header of this template have two sections and in left side you can add your Blog logo and right side we will implement banner section. This template having two columns and we will also implement sticky header menu that’s help your site visitors to easily navigates your site. Its have a lot of features that discussed below with fully detail.

Features of Fresh Mag Blogger Template

  • Attractive Design: One of the most important thing that make your site more beautiful , so by viewing this point we will make a stylish design of this template that attracts your site visitors and each part of your site look like clearly.
  • SEO Friendly: This is also most important, so we will implement different type of SEO techniques in this template and it’s fully optimized with on page SEO.
  • Ads Ready: Here is one another amazing feature of this template. We will implement advertisement banner in header section where you got more impressions and increase your earning and you can also add sidebar banner that look like very clearly.
  • Sticky Menu bar: This is also most important that helps your site visitors to navigate your site easily and also help you to increase your pageviews, so we will also implement sticky menu bar in this template
  • Hottest Post: We will add some more things instead of any other template. You can add your hottest post title below header and every visitor of your site are click on your hottest post title and by using this way you can increase your pageviews.
  • Rounded Border: This is one another feature of this template. We will implement one attractive border around posts and sidebar. it’s also makes your site more attractive.
  • Threaded Comments System: Threaded comments system is very important for your site to make discussions with your site readers. We will also add animated comments header where you can add important note for your commentators.
  • Author Bio Widget: One another amazing thing in this template that is we will implement author bio widget below every post, where you can add your bio data and also customized it according to your needs.
  • Footer Menu bar: This is also very important to display about, contact, privacy policy etc pages in your footer section, so we will implement this section above footer with back to top button.
  • Three Column Footer: We will also implement three column footer, where you can add short author bio and some others widgets that you want to add in footer section.

Customize Fresh Mag Blogger Template: 

If you have some Good knowledge about HTML, CSS, XML and some other languages that then you easily customize this template according to your needs and make every type of changes that you want but here we will need to customize some important things, so follow below steps.

How to Customize Sticky Menu?


  • Go to Blogger Dashboard>>Template >> Edit HTML.
  • Find <div id='menuheader'>
  • Now you see following code in your template.
    <div id='menuheader'>
      <ul class='righthead'>
        <li class='homeage'><a href='/'><img src='http://4.bp.blogspot.com/-xBGWMaaw7e4/UZ-WYMjHN2I/AAAAAAAABNA/ztGWhoBq9uk/s1600/Home.png'/></a></li>
        <li><a href='#'>Business</a></li>
          <li><a href='#'>Services</a></li>
        <li><a href='#'>Downloads</a></li>
        <li><a href='#'>Featured</a></li>
        <li><a href='#'>Education</a></li>
        <li><a href='#'>Templates</a></li>
        <li><a href='#'>More</a></li>
      </ul>
    </div>
  • Replace # highlighted code with the link.
  • Replace Green Highlighted text with the link text.
  • Now Click on Save Template.

How to Customize Hottest Post Title?


  • Go to Blogger Dashboard>> Template >> Edit HTML.
  • Find <div class='annocementtop'>
  • Now you can see code same below.
<div class='annocementtop'>
        <h2> Hottest:</h2><a href='#' id='topper' target='_blank'><p><b>Here You Can Add Your Hottest Story Title!</b></p></a>
      </div>
  • Simply Replace # with hottest post url.
  • Replace Green Highlighted text with your hottest post title.
  • Now Click on Save Template.

How to Customize Footer Menu?


  • Go to Blogger Dashboard>>Template >> Edit HTML.
  • Find <div id='footer-top-wrapper'>
  • You can see follow code.
<div id='footer-top-wrapper'>
 <div id='footer-top'>
<ul id='footer-navigation'>
  <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About Us</a></li>
  <li><a href='#'>Contact Us</a></li>
  <li><a href='#'>Sitemap</a></li>
  <li><a href='#'>Privacy Policy</a></li>
   </ul>
<div id='backtotop'>
<p id='back-top'>
 <a href='#'>Back to top</a>
</p>
 </div>
  </div></div>
  • Replace # Highlighted code with link.
  • Replace Green Highlighted Text with link text.
  • Now Click on Save Template.

How to Customize About Author Widget?


  • Go to Blogger Dashboard>>Template >> Edit HTML.
  • Find <div id='adminprofiler'>
  • You can see following code.
  <div id='adminprofiler'>
    <div class='Authoravata'><img src='http://4.bp.blogspot.com/-DOx4WcvUyTg/Utq_aBha3OI/AAAAAAAABho/aCTF745wiL0/s1600/AAmir-awan.png'/> </div>
    <div class='authornames'><h3>About Author!</h3></div>
    <div class='Authordesp'>Hi! I am AAmir Awan, a professional blogger who has been working online for previous 3 years and try to provide high quality content to our site readers. I love to write on Blogging, SEO, Making Money online and Web Designing tips and tricks.</div>
  </div>
  • Now simply replace Green Highlighted text with your own.
  • Click on Save Template.

Credits:

This is free of cost blogger template with amazing styles and fully optimized with on page SEO but due to our hard work we will implement a footer credit link in this template, so please don’t remove it. This is our little request.

Need Help?

We hope you don all things successfully because its so simple and easy however if you face any problem then feel free to ask in comment section and also share this template with your friends and also don’t forget to subscribe us because we will working on different type of templates and widgets and soon share with all of you, so subscribe us for getting all these directly to your inbox.
Best Wished and God Bless You.




4 comments : Post Yours! Read Comment Policy ▼
Important Note:
We Humbly Respect Your all comments. Please avoid to doing spam and posting links in comments otherwise comment will not be published and deleted immediately upon our review.

  1. Hello after instaling the template on blogger,it shows the whole post on home page itself,instead of read more.plz check it........

    ReplyDelete
    Replies
    1. Template will be updated dear, just download it again and upload on your blog.

      Delete
  2. what is the div id for sidebar please i want to hide it on static pages

    ReplyDelete
    Replies
    1. Yes dear sidebar div id is (div id='rsidebar-wrapper') however if you want to hide some widgets from your sidebar then read our complete tutorial on this topic: http://www.spicebloggertricks.com/2014/02/hide-and-show-widgets-on-specific-blogger-pages.html

      Delete

  • Home
  • About us
  • Contact us
  • Privacy Policy
  • Web Hosting
  • Back To Top

    About us

    Hi! I am AAmir Awan, a professional blogger who has been working since 2012 in different fields on the internet. AAmir Awan mostly love to write on Blogging, SEO, Making Money online, Web Designing and Web Development Related Topics. Read More..

    Ranking and Dmca!

    Add us on Google+

    Recent Comments!