Sight Blogger Template





DemoDownload
Template name : Sight

Platform: Blogger / Blogspot

Release date : June 2013

Author :  www.soratemplates.com

Designer: presslayer

Template features : Blogging, Pinterest, Responsive, Clean, Featured Content Slider, Fixed Width, Dropdown Menu, Social 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='fullwidth flexslider' id='homeslider'>
    <ul class='slides'>
    <li data-height='500' style='position:relative; background: url(../image.jpg) 50% 0'>
    <div class='caption_wrapper'>
    <div class='caption'>
    <h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
    Lorem ipsum dolor sit amet... <a href='#'>Read more </a>
    </div>
    </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='menu-navigation-container' id='top_menu'>
    <ul class='sf-menu' id='mainmenu'>
    <li class='current-menu-item'><a href='#'>Homepage</a></li>
    <li><a href='#'>Single</a>
    <ul class='sub-menu'>
    <li><a href='#'>Submenu Example</a></li>
    <li><a href='#'>Submenu Example</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <div class='social_inner'>
    <a class='facebook' href='#' title='Facebook'/>
    <a class='twitter' href='#' title='Twitter'/>
    <a class='rss' href='#' title='RSS Feed'/>
    ..........
Replace "#" with your Social Account's URL.

How to change Author Section
search for:
  • <div class='author_avatar'>
     <div class='small_thumb'>
     <img height='auto' src='../Avatar.jpg' width='100'/></div></div>
    <div class='author_wrapper'>
    <h4>About author: <a href='#'>Admin</a></h4>
    <p>Cress arugula peanut tigernut... </p></div>
    <div class='clear'/>
    </div>

Accord Blogger Template





DemoDownload
Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  color-theme

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template


Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='menu'>
    <div class='menu-main-nav-container'>
    <ul class='sf-menu sf-navbar' id='menu-main-nav'>
    <li><a href='#'>Home Features</a>
    <ul class='sub-menu'>
    <li><a href='#'>Home + Sidebar</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <div class='top-social-block'>
    <ul>
    <li><a class='facebook-top' href='#'/></li>
    <li><a class='twitter-top' href='#'/></li>
    </ul>
    </div>
Replace "#" with your Social Account URL.

How To Change Header Banner:
find this:
  • <div class='banner'>
    <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.jpg" with your banner image.

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

TheStyle Blogger Template





DemoDownload
Template name : TheStyle

Platform: Blogger / Blogspot

Template features : Wordpress Look, Personal, Modern, Right Sidebar, Dark Background, Top Navigation Menu, Page Navigation Widget, Tabbed Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Note: you must publish at least 10 posts, or the template will not work properly.

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:


If you don't do this, it will display "UNDEFINED".

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

Pinfinity Blogger Template





DemoDownload
Template name : Pinfinity

Template features : Pinterest Look, Clean Design, Social Widget, Dropdown Menu.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  cssigniter

Basic Instructions : How to install a Blogger Template


Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='group' id='navigation'>
    <li class='current_page_item'><a href='#'>Home</a></li>
    <li><a href='#'>Page Template</a></li>
    <ul>
    <li><a href='#'>Standard Format</a></li>
    <li><a href='#'>Image Format</a></li>
    ..........
Now replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <aside class='widget group widget_ci_social_widget'>
    <a class='icn twitter' href='https://twitter.com'>Twitter</a>
    <a class='icn facebook' href='http://www.facebook.com'>Facebook</a>
    <a class='icn pinterest' href='http://pinterest.com'>Pinterest</a>
    <a class='icn youtube' href='http://www.youtube.com'>Youtube</a>
    </aside>