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: |
0 comments:
Post a Comment