FEATURES:
- SEO Friendly, Designes from minima template [headings in h2, quick to load].
- Since this template is designed from minima, you can add extra features easily.
- Auto Slideshow with description.
- Special comments section.
- Special styling effect for author's comment.
- Simple navigation.
- Three column footer.
- Can add extra sidebar column easily [for tutorial click here].
- Categories by label.
- Light box effect for images.
- Star Ratings for each posts.
Setting Up this Template
First , the slider ... This is the slider code and things to be edited is show in red..
<div id='slider-content'>
<div class='container960'>
<div class='slider-top-shadow'/>
<ul id='accordion-slider'>
<li class='first'>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='with a broken brush' title='ART OF PAINTING'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAPTWsU6PBhbtqXF0WBz7cT_IrXSsBu9nYIdtIUNjxtUsOOwzK2kIun7OgWyZkknIGRzEbOIe1t2OYt22O9bPP0V6HceGn-Ptm160rWokkpEn7u0hGD5pzcGPSJrizSSsgoMu8T7_qegJS/s1600/slide-item-1.jpg'/>
</li>
<li>
<span class='text'>Fusce urna tellus, semper et tempus vitae, varius a dolor. Praesent nec imperdiet lorem. </span>
<a href='#' rel='DESIGNERS & DESIGNS' title='Pixel Art'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKPEC7XRFuIWFyx_6ZgX3MIG7bTCSMXtzsKV0st5d5GZ6uKO63likWXkOnsPHvKx_2zpuTNQ5tf6SQEatgvZZFoh6Akx7_gNw4L5TqGFz406vE6yyoiRSo-C9ICQCBjkYyK8Q7J5tFmVt/s1600/slide-item-2.jpg.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='portfolio-single.html' rel='All over the world' title='Wall Painting'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAPTWsU6PBhbtqXF0WBz7cT_IrXSsBu9nYIdtIUNjxtUsOOwzK2kIun7OgWyZkknIGRzEbOIe1t2OYt22O9bPP0V6HceGn-Ptm160rWokkpEn7u0hGD5pzcGPSJrizSSsgoMu8T7_qegJS/s1600/slide-item-1.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='Sharper pictures' title='Macro detail'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVkqN80961kaPqnBLK1Rnuuc_aGaQ03YTg1_sKqvSST9-zaK6vNd3dqMh6ITbAaSuqYNBpYvxZLpQEVMeh5xkFUZTSIPVkw4RoEb0Ov9PDD3DjuQ-l93eJIS3efnGR8F6B5LLZ0d_kCf1i/s1600/slide-item-3.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='Posters with impact' title='One life cruise'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAPTWsU6PBhbtqXF0WBz7cT_IrXSsBu9nYIdtIUNjxtUsOOwzK2kIun7OgWyZkknIGRzEbOIe1t2OYt22O9bPP0V6HceGn-Ptm160rWokkpEn7u0hGD5pzcGPSJrizSSsgoMu8T7_qegJS/s1600/slide-item-1.jpg.jpg'/>
</li>
<li>
<span class='text'>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<a href='#' rel='New fine lens' title='360 Technique'/>
<img alt='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKPEC7XRFuIWFyx_6ZgX3MIG7bTCSMXtzsKV0st5d5GZ6uKO63likWXkOnsPHvKx_2zpuTNQ5tf6SQEatgvZZFoh6Akx7_gNw4L5TqGFz406vE6yyoiRSo-C9ICQCBjkYyK8Q7J5tFmVt/s1600/slide-item-2.jpg.jpg'/>
</li>
</ul>
</div>
</div> <!-- END SLIDER -->
Secondly editing the category box..
goto page elements and you can see three add a gadget box just above the blog post box.. click edit to open
Then, just type only one category[label] for each box and save it.. then it should look like this..