Jarid Blogger Template





DemoDownload
Template name : Jarid

Platform: Blogger / Blogspot

Release date : March 2013

Author :  www.soratemplates.com

Designer: tielabs.com

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