iPod Touch and iPhone template: SuperHost Blogger Template

SuperHost is a 3 column blogger template ported from wordpress by Lasantha Bandara. The theme features include dual navigation bar with dropdown, full width slider and tabbed widget.

The first menu bar on top can be modified from Design--Page Elements, create a link list and save the changes. Below it is the header section with a banner ad on the right, followed by the second menu bar with sub-category dropdown. Search for this code in Edit Html and add your category, sub-category links.

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

<li><a href='#'>Business</a>
<ul class='children'>
<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='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>

Now to edit the featured content slider, find this code in Edit Html -

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHF1QcNKb4pNv6t4luZU30OM5WFP5PHPSWH-5HKBOY1gulcjkG5N9bNv-Iaw1g0K0Ih7YLePnK6I5DESYggOK04sVu6-Pu2nsonLNK_4Jvq2DS5VbzcpEQ84r4JkpP3q3O1kifKdebng-/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.
</p>
</div>

Caryy out the changes in the above code - add the image link, post link, slide title and description, follow the same steps for remaining slides. The main column in the center displays snippets of the post with labels and images.

While the two sidebars show different widgets including the social media icons, search box, tabber etc. If you want to change the tab names, look for this code in Edit Html and save -

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

To add your social media links in the right sidebar, search for this code -

<h3 class='widgettitle'>Social Profiles</h3>
<a href='http://twitter.com/' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnbs91SMIWtEc5KdrdTF34kGAxV24kATsfOajCSZvVijzQP1P8mQwkUAPSs84khVb0tN5PDnOpBZ9TPybFMJFzmecS7tiSsJHxQ-KLb4uQ4tkAiWyXMCQzl2dPBElb-PG93Q25nc41s0/s1600/twitter.png' title='Twitter'/></a>

Add your twitter handle (marked in bold), similarly put in your facebook, google plus id in subsequent code.

Download the SuperHost Blogger Template