Superhero Blogger Template

Customization Services

Want a unique look for your website? We can customize this theme according to your needs.

Advertisements
Theme Categories: 1 Sidebar, 2 Columns, Adapted from Wordpress, Black, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Minimalist, Responsive, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White,
Template Name:
Superhero
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
Automattic | http://automattic.com/
Published Date:
April 12, 2014
Advanced Details:
http://newbloggerthemes.com/superhero-blogger-template/
More Info :

Using Superhero Blogger template, give your Blogger blog a clean look with bright pops of color. Superhero Blogger theme features a heroic full-bleed Featured Content area, full-bleed featured images, a fixed header, and subtle CSS3 transitions.

How To Add Links to Top Navigation Menu

Find this in "Edit HTML":

<ul>

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

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

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<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>
		
</ul>

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='flexslider' id='nbt-featured-content'>
<ul class='nbt-featured-posts slides'>

<li class='featured'>
    <a href='ENTER-SLIDE-1-LINK-HERE'><img height='500' src='http://2.bp.blogspot.com/-0xYI1ZJjncM/U0eM2WjhLBI/AAAAAAAAIRk/ytNDG8Nf1x4/s1600/slide-img-1.jpg' width='1440'/></a>
    <div class='featured-hentry-wrap'>
        <div class='hentry'>
            <div class='entry-header'>
                <h2 class='entry-title'><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2>
            </div>
        </div>
    </div>
</li>

<li class='featured'>
    <a href='ENTER-SLIDE-2-LINK-HERE'><img height='500' src='http://1.bp.blogspot.com/-MqjUU7J82Iw/U0eM1I7-YOI/AAAAAAAAIRc/Q2JV9tT_R50/s1600/slide-img-2.jpg' width='1440'/></a>
    <div class='featured-hentry-wrap'>
        <div class='hentry'>
            <div class='entry-header'>
                <h2 class='entry-title'><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2>
            </div>
        </div>
    </div>
</li>

</ul>
</div>

There are 2 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)

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.

Advertisements

9 Responses to “Superhero Blogger Template”

  1. Great template, well coded and easy to customise. Gave my blog a facelift this weekend, really pleased with the results! Thanks all.

    • remove all things between:

      <!-- featured post slider started -->
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>

      and

      </b:if>
      </b:if>
      <!-- featured post slider end -->

  2. How can I add a footer area (and add widgets to it)? (In addition to, and separate from, the attribution footer already in the template)?

Leave a Reply