Float Blogger Template

DemoDownload

Template name : Float

Template features : 2 Columns, Right Sidebar, Personal, Fixed Width, Black Background, Top Navigation Menu, Social Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  bobosh.com

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:

• <nav class='menu-menu-container'>
  <ul class='menu' id='menu-menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Styling</a></li>
   <li><a href='#'>Drop-down</a>
   <ul class='sub-menu'>
    <li><a href='#'>News</a></li>
    <li><a href='#'>Video</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Look for:

• <h2 class='widget-title'>Social Widget</h2>
  <ul>
   <li><a href='#' id='dribbble'>Dribbble</a></li>
   <li><a href='#' id='facebook'>Facebook</a></li>
   <li><a href='#' id='flickr'>Flickr</a></li>
   <li><a href='#' id='twitter'>Twitter</a></li>
   ..........

Replace "#" with your Social Account URL.

How to change Author Information:

Find this:

• <img class='avatar avatar-56 photo' height='56' src='/author.png' width='56'/>
  <h3>About the author</h3>
  <p>Donec non enim in turpis...</p>
  </div>

Buzz

Purple Skin of Buzz Blogger Template

DemoDownload

Buzz Blogger Template

DemoDownload

Template name : Buzz

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Gray Background, Top Navigation Menu, Social Bar.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  ghostpool.com

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='menu' id='menu-header-tabs'>
   <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='#'>Most Commented</a></li>
   ..........

Now replace "#" with your menu item URL.

How to change Author Information:

search for:

• <div class='post-panel left'>
   <h3>About The Author: admin</h3>
   <div class='clear'/>
   <img class='avatar avatar-55 photo' height='55' src='/logo.png' width='55'/> 
   <div class='author-meta'>
   <div class='author-desc'>Lorem ipsum dolor sit amet...</div>
   <div class='author-links'><a href='#'>Website</a> / <a href='#'>Other Posts</a>
  </div> 

LightBright Blogger Template

DemoDownload

Template name : LightBright

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Personal, Black Background, Top Navigation Menu, Page Navigation Widget, Social Bookmarking Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format and change this:

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

Configure Dropdown Menu:

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

• <ul class='nav superfish clearfix'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>About</a>
    <ul class='children'>
     <li><a href='#'>Contact Us</a></li>
   ..........

Now replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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

CherryTruffle Blogger Template

DemoDownload

Template name : CherryTruffle

Template features : Wordpress Look, 2 Columns, Right Sidebar, Personal, Elegant, Featured Content Slider, Fixed Width, Header Banner, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

Configure Post Date:

Log in to Blogger Dashboard --> Settings --> Format and change this:

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

Configure Dropdown Menu:

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

• <div id='pages'>
   <ul class='nav' id='nav2'>
    <li class='current_page_item'><a href='#'>Home</a></li>
    <li><a href='#'>About Us</a>
     <ul class='children'>
      <li><a href='#'>Meet The Team</a></li>
      <li><a href='#'>Our Mission Statement</a></li>
   ..........

Replace "#" with your menu item URL.

How To Change Slogan and Header Banner:

search for:

• <div id='slogan'> Donec consectetuer tincidunt diam...</div>
  
  <a href='#'><img alt='banner ad' class='foursix' src='/468x60.gif'/></a>

Now replace:

• "#" with your banner URL.
• "468x60.gif" 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

Daily Journal Blogger Template

DemoDownload

Template name : Daily Journal

Template features : 3 Columns, Right Sidebar, Personal, Elegant, Fixed Width, Left Vertical Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

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='nav' id='menu-pages'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>About</a></li>
   <li><a href='#'>Page Templates</a>
    <ul class='sub-menu'>
     <li><a href='#'>Sitemap</a></li>
     <li><a href='#'>Full Width</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

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