London Creative

Love this
33
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • London Creative template color schemes:
About this template
  • Date Released:   Jul, 2012
  • Designer:   Sora Templates
  • Price:   FREE
License
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
Statistics
  • Downloads:   7909
  • Demo views:   8568
  • 33 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Slide Show
  • London Creative template has slide show (slider) in home page. Show your featured content in an easy to use slider
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Featured Post
  • Show featured posts in home page using this template. Engage your users by showing your top content in home page
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • London Creative template comes with many widgetized area. Add your widgets easily using this template
More Features
  • Search box
  • London Creative template has search box in it. Search box helps your user to find the content easily on your site

Configure Post Date

  • Login to Blogger and go to Settings -- Language and formatting
  • Update the Timestamp Format like Day, Month date, year (like Thursday, November 29, 2012)
  • Update Language to English

Configure Featured Content Slider

  • Go to Template page and click Edit HTML. Click Proceed when you get any warning
  • Scroll and find following block in HTML
<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 all href="#" with your featured links. Replace image.jpg and thumb.jpg with your full image and thumbnail image respectively.  Note the downloaded template may have another name for image.jpg and thumb.jpg

Configure DropDown menu

  • Find following block of code in your HTML
<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>
 ..........
  • Add your page links in the href="#" by replacing the # with your link.  Also, you can change the link text if you want.

Configure Page Navigation Widget

  • Search for following in your HTML.  Replace the values as per your need.
var posts=2, // Number of posts in each page
    num=2, // Number of buttons will display
  • bubblerman

    wow!

  • stealthkitty

    I love this template, but I’m having trouble figuring out what to do for other pages on my site that the navigation links link to. Is there a sub page template somewhere? Thanks!