Superhero Blogger Template

Advertisements
Template Name:
Superhero
Author / URL:
NewBloggerThemes | http://newbloggerthemes.com/
Designer / URL:
Automattic | http://automattic.com/
Published Date:
April 12, 2014
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,
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)

Advertisements

7 Responses to “Superhero Blogger Template”

  1. Monika says:

    Yes, it is really a nice templates. Thanks for sharing such an awesome templates.

  2. George says:

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

  3. Og says:

    Is it possible to change the slider images to a personalised one? Cant seem to edit the featured image.

  4. zulkar says:

    is it possible to remove sliide show widget from the theme

    • 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 -->

  5. Valerie says:

    Figured it out. Google + comments were interfering with it. Perfect now! Thanks again.

Leave a Reply