Another Gallery Bloger Template

Tweet

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/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/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/AVvXsEiqSZUVdwx5WLQegUb8_80xoXBFLuWPggr00yYTVjf0VinEoFdMexl5F03L_Y48_3SUtUZY7lfIk9Pv0jjnU1sx9nuIdcnHeXgVmreGH-4BW04dR6mRcrx_03Kw39zGPzvkjwxhHYN8MSpS/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/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/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/AVvXsEjuvt0tzsc6nvES01UIPB23EBHExf_Jbf-7hS1E9_cMf5zfLADIGxk55Gj2MBP698Ne3Seqrret-X9pz5FUfDxkVf-R3zfjmrXPhGq8WZOBvPqyMfhqrCzU4sRORSYQcwOy2s-G6w1xGt3H/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/AVvXsEgFKZxdddUNadcuYovlsouMcdSnac2Z8kTC32pQNR6ax1XYSZueTjmLsvwBodd5GPF1maNYOPM7je3gD-HhTMfbsKM3v09te1Jr6Rx0x91c0ENBBzulGvOAeEJTIDRsal8Vb4J8YLmHnFTQ/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/AVvXsEiqSZUVdwx5WLQegUb8_80xoXBFLuWPggr00yYTVjf0VinEoFdMexl5F03L_Y48_3SUtUZY7lfIk9Pv0jjnU1sx9nuIdcnHeXgVmreGH-4BW04dR6mRcrx_03Kw39zGPzvkjwxhHYN8MSpS/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.

Share this article: