London Creative Blogger Template

DemoDownload

Template name : London Creative

Template features : Wordpress Look, 2 Columns, Right Sidebar, Photography, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  freshface.net

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:

• <ul id='fresh_cube_data'>
   <li class='fresh_cube_image_0'>
   <img src='/image.jpg'/>
   <span class='transition' title='random'>
   <div class='post_category' id='slider_post_cat'>/
   <a href='#'>Web Design</a>/</div>
   <div class='post_name'>
   <a href='#' id='slider_img_desc'>1000s of Images In My Mind</a>
   </div>
   </span>
   </li>
   ..........
  <div class='thumbs' id='thumbs'>
  <div class='slider_content' id='sl_content'>
  <ul id='slider_ul'>
   <li><img alt='img' src='/thumb.jpg'/>
   <div class='slider_tit' style='display:none'>/ Web Design /</div>
   <a class='slider_desc' href='#' style='display:none' title='0'>1000s of Images In My Mind</a>
   </li>
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image.
• "thumb.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 class='menu-nav-container'>
   <ul class='menu' id='menu-nav'>
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>About</a>
     <ul class='sub-menu'>
      <li><a href='#'>Dropdown test</a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

• var posts=2, // 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