Saved Templates

Your saved templates are stored in this browser.

Select the heart on a template to save it here.

Search Templates & Articles

Type at least 2 characters to search.

Superhero

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)

Need Help With Setup?

Follow the installation guide or contact us with your template name and blog URL.

Installation guide →Ask a question →

Related Blogger Templates

Browse All Templates

The conversation

9 thoughts on “Superhero Blogger Template”

    1. 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 –>

  1. 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

Your email address will not be published. Required fields are marked *

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.