Jarid Blogger Template Html5 CSS3





DemoDownload
Template name : Jarid

Platform: Blogger / Blogspot

Release date : March 2013

Free download blogspot template Html5 CSS3

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

Posted by Dexcuit at 5:51:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )