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/

Live Demo Free Download Template Installation Premium Themes

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.