iPod Touch and iPhone template: NewsPlus Blogger Template

NewsPlus is a magazine style 3 column blogger template ported from wordpress by Lasantha. It includes a featured content slider, dual navigation bar with dropdown option, tabbed widget.

Let's begin with the header section, replace the blog logo from layout, click on edit 'header' and upload your logo, keep the image size 270px width and 42px height. Moving o nto the menu bar, the first menu shows pages automatically once you have published them. For the second bar, look for the below code in Edit Html -

<ul class='menus menu-secondary'>

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

In the above code replace '#' with the relevant links, change the default categories like 'Business', 'Download' etc., you can also put in sub-categories under 'ul class=children' like under 'Software' category, make changes in the subsequent code in Edit html and save.

Moving on to the featured content slider, search for this code in Edit Html, which is for the first slide -

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>


<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxq4jg1fMr5f72x0rhm2wKjyd1C2CDRwUZpcK36R0gZ7wsyLSl3EfwSeSnk4d6pIk7an_OF6Ex_6omsuPpxpMZBADmGdyNhtDGkvweNW41ji8gg_mh3IpJE1uG20ziUswp9rXVGbjtVs/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>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>

Replace '#' with post link, add the image url, post title and description as indicated in the code, follow the same steps for all the slides and save the changes.

The two sidebars are on either side of the main column, you can add different widgets of your choice. To change the default name of the tabbed widget, look for this code and change the text marked in bold -

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

The theme also includes social media icons and search box in the sidebar.

Download the NewsPlus Blogger Template