New Blogger Themes | Professional Blogspot Templates

NewBloggerThemes.com
Free Blogger Templates for your blog. Download New Blogger Themes,Professional XML Blogspot Templates with in 1, 2 or 3 columns layouts for Free.
Premium Blogger Templates

Hermes Mag Blogger Template

Theme Categories: 1 Column, 3 Columns Footer, Adapted from Wordpress, Featured Section, Fixed width, Magazine, Minimalist, No Sidebar, Slider, Top Navigation Bar, White, Yellow,
Theme Name:
Hermes Mag
Author / URL:
NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:
SimpleWpThemes | http://www.simplewpthemes.com/
Published Date:
January 14, 2014
Advanced Details:
https://newbloggerthemes.com/hermes-mag-blogger-template/

Hermes Mag is Simple, Minimalist Blogger Template for any Blogger blog. Hermes Mag Blogger Template has Features like Slider, Navigation Menus, Social Buttons and 3 Columns Footer.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<div class='menu'>
<ul id='menu-primary-items'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='sub-menu'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='sub-menu'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='sub-menu'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
		
</ul>
</div>

Replace "#" marks with real URLs and change anchor texts as you like.

How To Configure Featured Content Slider:

Find this in "Edit HTML":

<div class='slides_container'>

   <!-- slide 1 code start -->
   <div class='slide'>
      <a href='ENTER-SLIDE-1-LINK-HERE'><img height='490' src='http://2.bp.blogspot.com/-XprtQ9SXWI8/UtS5c7pJO6I/AAAAAAAAKRo/aSFfec4uSh4/s1600/slide-image-1.jpg' width='1000'/></a>
      <div class='caption' style='bottom:0'>
         <p>Enter Slide 1 Title Here</p>
      </div>
   </div>
   <!-- slide 1 code end -->
   
   <!-- slide 2 code start -->
   <div class='slide'>
      <a href='ENTER-SLIDE-2-LINK-HERE'><img height='490' src='http://4.bp.blogspot.com/-CjlT3qX36fg/UtS5gb1kh-I/AAAAAAAAKR0/RkR1Myx7AN8/s1600/slide-image-2.jpg' width='1000'/></a>
      <div class='caption' style='bottom:0'>
         <p>Enter Slide 2 Title Here</p>
      </div>
   </div>
   <!-- slide 2 code end -->
   
   <!-- slide 3 code start -->
   <div class='slide'>
      <a href='ENTER-SLIDE-3-LINK-HERE'><img height='490' src='http://2.bp.blogspot.com/-QzwsaHw58oI/UtS5gj8mxXI/AAAAAAAAKR4/uSK6FOKa0zo/s1600/slide-image-3.jpg' width='1000'/></a>
      <div class='caption' style='bottom:0'>
         <p>Enter Slide 3 Title Here</p>
      </div>
   </div>
   <!-- slide 3 code end -->
   
</div>

There are 3 slides in the slider. You can add or remove more slides if you want.

Now replace,
"ENTER-SLIDE-X-LINK-HERE"s with your real slide link,
"Enter Slide X Title Here" with your real slide title,
Slide image URL,
for each slide. (X = 1 or X = 2 or X = 3)

How To Configure Social Buttons

Find this in "Edit HTML":

<ul id='social'>
   <li><a href='#' id='twitter' title='Twitter'/></li>
   <li><a href='#' id='facebook' title='Facebook'/></li>
   <li><a href='#' id='rss' title='RSS'/></li>
   <li><a href='#' id='youtube' title='Youtube Channel'/></li>
   <li><a href='#' id='googleplus' title='Google+ Profile'/></li>
   <li><a href='#' id='linkedin' title='Linkedin'/></li>
   <li><a href='#' id='pinterest' title='Pinterest'/></li>
   <li><a href='#' id='flickr' title='Flickr Profile'/></li>
</ul>

Add your own social links replacing "#" marks.

Our Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.

Featured Blogger Themes

These Blogger Themes are compatible with "Blogger Template Designer" (you can change the background, colors and fonts easily without editing HTML) and are optimized for search engines.