Inspiration Blogger Template





DemoDownload
Template name : Inspiration

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Right Sidebar, Header Banner, Featured Content Slider, Fixed Width, Gray Background, Tabbed Widget, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  csscollector.com

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:
  • <ul class='kwick'>
    <li style='width:158.666666667px'>
    <a href='#'><img class='attachment-slider_accordion' height='392' src='/image.jpg' width='952'/></a>
    <p class='slide_title'><b class='slider_title'>How We Do It</b></p>
    <div class='slide_caption'><b class='slider_title'>How We Do It</b><p>Lorem ipsum dolor sit amet...</p>
    </div>
    </li>
    ..........
Now 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 id='menu'>
    <ul class='smoothmenu'>
    <li class='current-menu-item'>
    <span class='menuslide'/>
    <a href='#' title='Home'>Home<span class='menu_description'>Beginning</span></a>
    <ul>
    <li><a href='#' title='Accordion Slider'>Accordion Slider</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tab-items'>
    <li><a href='#tabs-1' title='Popular'>Popular</a></li>
    <li><a href='#tabs-2' title='Recent'>Recent</a></li>
    <li><a href='#tabs-3' title='Comments'>Comments</a></li>
    </ul>
Change the names "Popular", "Recent" and "Comments" as you like.

Configure Page Navigation Widget:
search for:
  • var pages=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Information:
search for:
  • <div id='bio'>
    <img class='avatar' height='80' src='/avatar.gif' width='80'/>
    <div class='bio_info'>
    <h3>About the author</h3>
    <span>admin had written...</span>
    <p>Donec accumsan malesuada orcidonec...</p>
    </div>


EmoticonEmoticon