iPod Touch and iPhone template: eSpecial Blogger Theme

eSpecial is a premium wordpress theme converted to blogger by Sora. Its a 2 column template with a beautiful slider, single menu bar with dropdown, 3 columns footer and page navigation widget already installed.

The menu bar has to be configured in Edit Html, find the below code -

<div class='menu-main-navigation-container'>
<ul class='s-menu' id='menu-main-navigation'>
<li><a href='#'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Home page layout 2</a></li>
</ul>
</li>
<li><a href='#'>Sliders</a>
<ul class='sub-menu'>
<li><a href='#'>Image Slider 1</a></li>
<li><a href='#'>Image Slider 2</a></li>
<li><a href='#'>Video Slider 3</a></li>
<li><a href='#'>Accordion Slider</a></li>
</ul>
</li>

Replace '#' with menu item links, add the categories and sub-categories, save the changes. For the featured content slider, there are two parts of the code which needs to be modified, look for this code for the first slide -

<div class='lof1_featured'/>
<ul class='lof1-main-wapper'>
<li><a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8-tNaAh8IvqYwkapTHQTwnMEbCsWd7Twcti8XMWcsL6J5N9UjntkZ62SmOvWAp4QvnB1ysxCO1VknzsHGJ42Qpq9hAYWVrGnCCoMiQ4dNe0cEixMA_RKryjeq1yUlPtjoPAgnoZS-tU-/s960/1.jpg'/></a>
<div class='lof1-main-item-desc'>
<div class='lof1-main-item-title'>
<h2><a href='#'>Professional Business & Portfolio Theme</a></h2></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</li>

Replace '#' with featured post url, add the image url, keep the size 960px × 290px, add the post title followed by a short post summary. Repeat the same step for the remaining 4 slides. Now look for this code in Edit Html -

<div class='lof1-navigator-outer'>
<ul class='lof1-navigator'>
<li><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjITcdTUujioq_S94ZT3F0jFC1FtvbKPDgXdqbyWjc2iI8prBRfXhneI1QL39BMv0CNVrn2YHgeNB5lgttfaOvEIi_aLPbGutnOPM135k9ytwXDEvo5DoYBWQL1Jk_rwTbIs2jPHjPwVjxM/s158/1.jpg'/></li>

This is where you have to add the thumbnail version for each slide, the image size should be 158px × 102px, add the image url for all the slides and save the changes.

The main column shows the post summary with an image and date, which you have to configure in Settings--Language and Formatting, change the Timestamp Format, language and date header format, this has to be done to avoid the undefined error on the home page.

For the page navigation widget to function properly, search for this code -

<script type='text/javascript'>//<![CDATA[
var posts=4,
num=2,

Change the number of posts in each page from 4 to your current setting, and '2' is the number of buttons to display. The sidebar is on the left and you can display link lists, tags, popular posts, comments etc.

Download eSpecial Blogger Theme