Top Tutorials

<div class='featured_banner'/>
 <div id='slider'>
 <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
 <div id='slider_img'>
 <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
 ..........

<div id='navigation'>
 <ul>
 <li><a href='#'>Interview<span>Meet your artists</span></a></li>
 <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
  <ul class='sub_menu'>
   <li><a href='#'><span>Concerts (2)</span></a></li>
 ..........

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='featured_banner'/>
 <div id='slider'>
 <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
 <div id='slider_img'>
 <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
 ..........

<div id='navigation'>
 <ul>
 <li><a href='#'>Interview<span>Meet your artists</span></a></li>
 <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
  <ul class='sub_menu'>
   <li><a href='#'><span>Concerts (2)</span></a></li>
 ..........

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='nivoSlider' id='slider'>
 <img src='../slider-1.jpg' 
 ..........
 <div class='nivo-html-caption' id='sliderCaption1'>
 <div class='title'><a href='#'>Consectetur</a></div>
 Lorem ipsum dolor sit amet...</div>
 ..........

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

<li>
<div class='boxgrid captionfull'>
<a href='#'><img height='269' src='../slider1.jpg' width='296'/></a>
<div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
<h3 class='entry-title'>christmas decoration #1</h3>
<div class='entry-content'><p>$57</p></div>
<a class='more' href='#'>read more</a></div>
</div>
</li>
 ..........