Jarid Blogger Template

DemoDownload

Template name : Jarid

Platform: Blogger / Blogspot

Release date : March 2013

Author :  www.soratemplates.com

Designer: tielabs

Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='flexslider'>
  <ul class='slides'>
   <li><a href='#'><img class='attachment-660x330' height='330' src='../image.jpg' width='620'/></a>
   <div class='slider-caption'>
   <h2><a href='#'>Maecenas mattis, tortor ut posuere aliquam</a></h2>
   <p>iam wisi quam lorem vestibulum...</p>
   </div>
  </li>
   ..........

Replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='main-menu'>
   <ul class='menu' id='menu-main'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Post Head Modes</a>
    <ul class='sub-menu'>
     <li><a href='#'>Post With Featured Image</a></li>
     <li><a href='#'>Post With Slider</a></li>
   ..........

Replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div class='ads-top'>    
   <a href='#' target='_blank'><img src='../banner728.gif'/></a>   
  </div>

Now replace:

• "#" with your banner URL.
• "banner728.gif" with your banner image.

Configure Page Navigation Widget:

search for:

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