Bloom Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES

Template name : Bloom

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : May 2012

Designer :  www.wpnow.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:

• <div id='mygallery'>
   <div class='imageElement'><h2>Was "Free Willy" Better Off in Captivity?</h2><p/>
   <a class='open' href='#' title='Read More'/>
   <img class='full' src='/image.jpg'/>
   <img class='thumbnail'/></div>
   ..........

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:

• <ul class='wpn_menu' id='menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Get in Touch</a></li>
   ..........
  <ul class='wpn_submenu' id='submenu'>
   <li><a href='#'>Culture + Celebrity</a></li>
   <li><a href='#'>Fashion + Beauty</a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

Download »

Inspiration Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES

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

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>

Download »

FitnessMag Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES div class="cleared">Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  www.wpexplorer.com

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

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' id='slider'>
  <ul class='slides'>
   <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
  <div class='caption'>Awesome Blogging Theme! </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:

• <ul class='sfmenu' id='menu-main'>
   <li><a href='#'>Category 1</a></li>
   <li><a href='#'>Category 2</a>
    <ul class='sub-menu'>
     <li><a href='#'>This is a dropdown</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

• <h2>Follow Us</h2>
  <ul class='clearfix'>
   <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
   <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

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

How to change Author Section:

Find this:

• <h3 class='heading-border'><span>Author</span></h3>
  <div id='author-image'>
  <a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
  </div> 
  <div id='author-bio'>
  <h4>Written by <a href='#'>Admin</a></h4>
  <p>Aliquam molestie ligula vitae nunc...</p>
  </div>

Download »

VideoBox Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES div class="cleared">Template name : VideoBox

Platform: Blogger / Blogspot

Release date : November 2012

Author :  www.soratemplates.com

Template features : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

Basic Instructions : How to install a Blogger Template

Configure Featured Video Slider:

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

• <ul class='slides'>
   <li class='item'>
   <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
   </li>
   ..........
  <ul class='thumbs pagination'>
   <li><span class='youtube-temp'/>
   <span class='hover-bg'/>
   <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
   <a class='link' href='#'/>
   </li>
   ..........

Replace:

• "#" with your featured video URL.
• "http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.

Configure Dropdown Menu:

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

• <nav class='primary'>
  <ul class='sf-menu' id='topnav'>
   <li><a href='#'><span class='right'>Home</span></a></li>
   <li><a href='#'><span class='right'>Portfolio</span></a>
  <ul class='sub-menu'>
   <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
   ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

Download »

Accord Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES

Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  color-theme.com

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.

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

Download »

Pingrey Blogger Template

• Live Demo
• Download Theme

TEMPLATE FEATURES

Download »