Superhero Blogger Template

Theme Categories: 1 Sidebar, 2 Columns, Adapted from Wordpress, Black, Featured Section, Fixed width, Grey, Magazine, Minimalist, Responsive, Right Sidebar, Slider, Top Navigation Bar, White,

Theme Name:

Superhero

Author / URL:

NewBloggerThemes | https://newbloggerthemes.com/

Designer / URL:

Automattic | http://automattic.com/

Published Date:

April 12, 2014

Advanced Details:

https://newbloggerthemes.com/superhero-blogger-template/

Live Demo Free Download Template Installation Premium Themes

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)