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
span class='text', a href, rel, title and image URL.
<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/AVvXsEip8bV_v1FZ9zBsdURnHq1QPoCTl1e5qvssHkBLeGoCOHiqLj5vEclqW3akmF2fQCBHQAzI09guOfBL3s6NQmO2lCvmpavQlP7AhyznonRMbEHfsBoR0o5CzfBhx7yiSfB46cSDm0ullIu_/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/AVvXsEiOVxco1heEAHySmZ_Uoee80wDRDPbIW_OVXU8klJMZHuuzSHrM5Uw1owWCMbLGcpmoDQoiPQ9aulpTKPDzYx4oyH_VfmKE_LX5XMpA9UicyPyxyQ5kgQSnBxJGcx_V-3N9-y6WEEc_i1JQ/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/AVvXsEip8bV_v1FZ9zBsdURnHq1QPoCTl1e5qvssHkBLeGoCOHiqLj5vEclqW3akmF2fQCBHQAzI09guOfBL3s6NQmO2lCvmpavQlP7AhyznonRMbEHfsBoR0o5CzfBhx7yiSfB46cSDm0ullIu_/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/AVvXsEjvrqrqUf_bAcn_Q-Hmoriy0gdUdsNTKsNUcHZ5Is7tUydwzV8v009sRrhuEQMcXkr4QTJtjRMmpgLqYxuG0Yd5DvYfsIV0oleC9Xx88fLEAEn-QfID0_6TslrME0QloktPi3FRcOWR3JC6/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/AVvXsEip8bV_v1FZ9zBsdURnHq1QPoCTl1e5qvssHkBLeGoCOHiqLj5vEclqW3akmF2fQCBHQAzI09guOfBL3s6NQmO2lCvmpavQlP7AhyznonRMbEHfsBoR0o5CzfBhx7yiSfB46cSDm0ullIu_/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/AVvXsEiOVxco1heEAHySmZ_Uoee80wDRDPbIW_OVXU8klJMZHuuzSHrM5Uw1owWCMbLGcpmoDQoiPQ9aulpTKPDzYx4oyH_VfmKE_LX5XMpA9UicyPyxyQ5kgQSnBxJGcx_V-3N9-y6WEEc_i1JQ/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.