Boulevard Blogger Template

DemoDownload

Template name : Boulevard

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

Release date : June 2012

Author :  www.soratemplates.com

Designer :  themesector.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='featured-wrapper'>
   <div class='slider'>
   <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
   </div>
  ..........
   <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
   <div class='slider-heading'>
   <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
   <p>Lorem ipsum dolor sit amet...</p>
   </div>
   </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:

• <div id='navigation'>
   <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a>
     <ul class='sub-menu'>
      <li><a href='#'>Blog Style</a></li>
  ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div id='header-banner'>
  <a href='#'><img src='/header-banner.jpg'/></a>
  </div>

Now replace:

• "#" with your banner URL.
• "header-banner.jpg" with your banner image.

How To Change Tab Names of Tab Widget:

find this:

• <ul class='tabs'>
   <li class='active'><a href='#tab1'>Popular</a></li>
   <li><a href='#tab2'>Comments</a></li>
   <li><a href='#tab3'>Tags</a></li>
  </ul>

Change the names "Popular", "Comments" and "Tags" as you like.

Configure Page Navigation Widget:

search for:

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

Tarnished Blogger Template

DemoDownload

Template name : Tarnished

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Portfolio, Header Banner, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Page Navigation, Social Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.ghostpool.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 class='slide' style='width: 950px; height: 450px;'>
   <div class='caption-overlay caption-bottomright caption-dark'>
   <h2>Nunc arcu ipsum</h2></div>
   <img class='slider-image' src='/image.jpg' style='width: 950px; height: 450px;'/>
   ..........
   <span class='slider-button'>
   <img src='/thumbnail.jpg' style='width: 109px; height: 54px;'/>
   </span>
   ..........

Now replace:

• "image.jpg" with your slider image.
• "thumbnail.jpg" with your thumbnail 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='menu' id='menu-header'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Pages</a>
    <ul class='sub-menu'>
     <li><a href='#'>Page With Left Sidebar</a></li>
   ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div id='header-widget'> 
   <div class='textwidget'>
   <a href='#'><img border='0' src='/banner.jpg'/></a>
   </div>
  </div>

Now replace:

• "#" with your banner URL.
• "banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

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

Rapture Blogger Template

DemoDownload

Template name : Rapture

Template features : Wordpress Look, 2 Columns, Right Sidebar, Elegant, Personal, Featured Content Slider, Fixed Width, Wood Background, Top Navigation Menu, Social Bookmarking Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.wildemedia.co.uk

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 Featured Content Slider:

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

• <div class='nivoSlider' id='slide'>
   <a href='#' target='_blank'><img src='/image.jpg' title='This is an example caption'/></a>
   ..........

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='menus' id='menu-main-menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Images</a>
    <ul class='sub-menu'>
     <li><a href='#'>Custom Link</a></li>
   ..........

Just replace "#" with your menu item URL.

Anime Visual Blogger Template

DemoDownload

Template name : Anime Visual

Template features : Wordpress Look, 2 Columns, Right Sidebar, Anime Style, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Tabbed Widget.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.animevisual.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='feature'>
   <ul class='ui-tabs-nav'>
    <li><a href='#fragment-502'><img src='/thumb.jpg'/></a>
    </li>
   ..........
   <div class='ui-tabs-panel' id='fragment-502'>
   <img src='/image.jpg'/>
   <div class='info'>
   <h2><a href='#'>Feature Title 1</a></h2>
   <p>Lorem ipsum dolor sit amet...<a href='#'>Read More</a></p>
   ..........

Now replace :

• "#" with your featured post URL.
• "thumb.jpg" with your thumbnail image.
• "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 id='nav'>
   <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='#'>About</a>
    <ul class='children'>
     <li><a href='#'>Contact us</a></li>
   ..........

Just replace "#" with your menu item URL.

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

Magnificent Blogger Template

DemoDownload

Template name : Magnificent

Template features : Wordpress Look, 4 Columns, 4 Columns Footer, Left+Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, 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 Featured Content Slider:

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

• <div class='slide'>
   <a href='#'><img class='thumb' height='271px' src='/image.jpg' width='461px'/></a>
   <div class='description'>
   <h2 class='title'><a href='#'>Nulla aliquam quam non commodo</a></h2>
   </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='nav' id='primary'>
   <li class='current_page_item'><a href='#'>Home</a></li>
   <li><a href='#'>About</a>
    <ul class='children'>
     <li><a href='#'>Meet The Team</a></li>
     <li><a href='#'>Where to Find Us</a></li>
   ..........

Just 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

eGamer Blogger Template

DemoDownload

Template name : eGamer

Template features : Wordpress Look, 3 Columns, Left Sidebar, Gaming, Elegant, Featured Content Slider, Fixed Width, Black Background, 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 Featured Content Slider:

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

• <div id='slider'>
   <ul>
    <li class='thumbnail-div-featured' style='background-image: url(/image.jpg);'>
   <div class='featured-inside'>
   <a class='titles-featured' href='#' rel='bookmark'>Maecenas scelerisque fermentum metus...</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:

• <ul class='nav superfish'>
   <li><a href='#'>Coding</a></li>
   <li><a href='#'>Custom Logos</a></li>
   <li><a href='#'>Featured Articles</a></li>
   <li><a href='#'>Game Reviews</a>
    <ul class='children'>
     <li><a href='#'>XBOX</a>
   ..........

Just 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

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

Deviant Blogger Template

DemoDownload

Template name : Deviant

Template features : Wordpress Look, 3 Columns, Right Sidebar, Personal, Elegant Design, Fixed Width, 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 Dropdown Menu:

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

• <ul class='superfish nav_links'>
   <li><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 Tab Names of Tab Widget:

find this:

• <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
   <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
   <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
  </ul>

Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

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