Apparently many bloggers using the Blogger platform have encountered the problem of not being able to apply changes to - and hence customise - their blog's template using Blogger's Template Designer (this I gathered through Google).  I was one of them.  Whether or not this had anything to do with Blogger upgrading to their new interface last Sept/Oct, I'm not entirely sure; but in my case at least, the timing seemed to coincide.  Having said that and because I'm no techie, I really don't wanna jump to conclusions and point fingers at the good people at Google.... and neither should anybody.

Anyway, the good news is I've figured out how to fix the problem error and have since customised this blog the way I want it to appear; and here I wish to share with all how I did it.  Now this post may seem longish, but that's only because of the diagrams I've incorporated for ease of reference; so bear with me.  It's really quite simple.

Step 1.  IMPORTANT: You must first have your mobile template enabled (I really don't know why; I found out by trial and error that it's a pre-requisite).  This is how you enable it (see Diagram 1):  At your blog's dashboard, click on the arrow-down button located left of the "View Blog" button.  Select "Template".



Diagram 1

* * *


Step 2.  At your template screen (Diagram 2), click on the cogwheel under "Mobile".  This will take you to the "Template > Choose mobile template" screen (Diagram 3).



Diagram 2

* * *


Step 3.  At the "Template > Choose mobile template" screen, select "Yes. Show mobile template on mobile devices".  Click "Save".



Diagram 3


Your screen will revert to the "Template" screen as in Diagram 2 above.


* * *

Step 4.  Next click on "Edit HTML".  A screen as in Diagram 4 will appear.  Here, click on "Revert widget templates to default" and save.  You'll be taken back to the "Template" screen (Diagram 2).


Diagram 4


* * *


Step 5.  Next, at the "Template" screen, click on the orange "Customise" button.  The "Blogger Template Designer" screen will appear (Diagram 5).  Click on the blue "Remove customisations" link near the top of your screen - this removes ALL customisations that you've previously made.

If all these steps are done correctly and in that sequence, your blog will have by now reverted to the default Blogger template (boring!).  In short, you're on a clean slate.  You may now proceed to choose your new preferred template and customise the look of your blog to your whim and fancy using the template designer - and this time, it ought to work.


Diagram 5


* * *


I suspect the problem of Blogger's template designer not showing or applying changes is due to the numerous customisations you've previously made to your blog template that may have resulted in some kind of "conflict" with the Blogger platform.  In other words, you fiddled too much with them.  This I believe causes the template designer to malfunction and become non-responsive.  Note: This is notwithstanding the fact that some of you may have NOT imported any third party HTML scripts as part of your previous customisations.  You'll find that merely switching templates doesn't solve the problem.  I'm guessing this is because doing this in itself does not remove previous HTML customisations or reset gadgets.

I've no doubt there are other ways of fixing this problem - but being a tech dummy, this is how I fixed the problem on my blog....  and it worked.  Do try out the steps I mentioned if you're facing problems with your template designer and let me know (in the "Comments" field below) whether it works for you.  If it does, well and good - but please tell me.  If it doesn't, I'm afraid you may need to turn to the experts - please tell me too.

Good luck.  Waiting to hear from you guys.

Error problem to change template blogspot



Step-1
Browse the templates in http://template-for.blogspot.com and then choose one, now Click in “Download button” and save file in your hard drive.
                                download and upload blogger template How to install Blogger Template 2013



Step-2
File format that you have downloaded is may be a .ZIP file. so need to be extracted. Please Extract / Unzip it.
How to install Blogger Template 2013-extract ziped blogger template files in hard drive





Step-3
Blogger Log in page - How to install a Blogger Template 2013

 Step-4
Find your Blog in your Dashboard for you want to change template, and select “Template” in Drop Down menu options.
How to install Blogger Template 2013



Step-5
Look at the top right corner, you will see Backup / Restore button
Backup and restore in blogger- How to install a Blogger Template 2013




Step-6
Before doing this, Please backup your previous template because, if you have any problem after  uploading the new template, the backup file will help you for restore. 
Manage on pop-up windows and click “choose file” button and look for folder that is created after extracted file that you have downloaded.
upload blogger template after Backup and restore in blogger- How to install a Blogger Template 2013




Step-7
Folder may has a .XML file and .TXT file or Internet shortcuts, you should select only XML file.
 Extracted template files in hard drive-How to install a Blogger Template 2013

Step-8
Click Upload button. Now upload process  may appear in your screen.
upload xml temlate in blogger-How to install a Blogger Template 2013
Now the template will be appear in your blog successfully. Enjoy!

How to install Blogger Template with picture





DemoDownload
Template name : Downtown

Platform: Blogger / Blogspot

Release date : Oct 2013

Free download blogspot template Html5 CSS3

Template features : Magazine, Showcase, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Timestamp Format:
Log in to Blogger Dashboard --> Settings --> Language and formatting


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 class='slides'>
     <li><article class='wk-content clearfix'>
     <div class='slide_demo' style='background: url(../image1.jpg) 100% 0 no-repeat;'>
     <a href='#'><h2>Artists of the City</h2></a>
     <p>Meet passionate designers at ...</p>
     <p><em>Friday - Sunday from 10am - 8pm</em></p></div></article></li>
     ..........
Replace:
  • "#" with your featured post URL.
  • "image1.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='menu menu-dropdown'>
     <li><a class='level1' href='#'><span>Home</span></a></li>
     <li class='level1 parent'><a class='level1' href='#'><span>Features</span></a>
     <ul class='level2'>
      <li class='level2'><a class='level2' href='#'><span>Module Variations</span></a></li>
     ..........
Replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <ul class='social-mini'>
     <li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/></li>
     <li class='twitter'><a href='#'/></li>
     <li class='facebook'><a href='#'/></li>
     <li class='dribbble'><a href='#'/></li>
     <li class='forrst'><a href='#'/></li>
     <li class='flickr'><a href='#'/></li>
     <li class='yahoo'><a href='#'/></li>
    </ul> 
Replace "#" with your Social Account's URL.

Configure Page Navigation Widget
search for:
  • var posts=5, // Number of posts in each page
        num=3, // Number of buttons will display

Downtown Blogger Template - Html5 CSS3 Template

Elegant Style Blogger Template: SBT has recently launched a new Elegant Photography Blogger Template specially for Photography Blogs.This template has grid layout along with 3 columns footer.This template comes with many customized widgets.Social Sharing Buttons are present below each post which will enables your blog readers to share your Blog Contents to their timelines.Moreover this template works perfectly with all type of browsers.If you have any Photo / images sharing blog then you must install this template in your Blog.Actually this template has some magnificent features which rocks it !

Features of Elegant Photography Blogger Template

  • Grid Layout
  • 3 Columns Footer
  • Beautiful Image Description 
  • Many Customized Widgets
  • Professional and Stylish look
  • Elegant
  • Photography
  • White 
  • Gray
  • Works with all Browsers
  • Social Sharing Buttons at the bottom of each post
  • Image Friendly
  • Awesome Comment Style

  How To Install Elegant Photography Blogger Template

Elegant Photography Blogger Template

Template alien provide best free blogger template 2013 special for you. Are you looking for the latest template for your blogspot? we have lots of blogger templates collection in 2013. Template with beautiful design within this site. 
free blogger template

First, we will give you 3 best templates collection. Template that we choose is the best in its class. Here are the 3 best blogger template that we recommend to you in the year 2013. Hope you like it.

Simple seo free blogger template
Simple seo is a template that perfect for you who are looking for seo template. This template is so simple and has a fast loading. If you interesting you can download simple seo for free.

Wire Magazine free blogger template
Wire Magazine is a suitable template for news site. This template is a magazine template. Adapted from wordpress with an elegant look. If you interesting you can download Wire Magazine for free.

Box office free blogger template
Box office is a suitable template for the Gallery site. This template is a gallery template. You can save your images in this gallery. Your picture will look nice and pretty. If you interesting you can download Box Office for free.

Are you interested in trying out templates that we offer? If you do not like the 3 template above, we still have a free download template with a variety of unique designs. Please download another template below

Last post = Simple seo blogger template

Best free blogger template 2013





DemoDownload
Template name : Boutique

Platform: Blogger / Blogspot

Release date : Sep 2013

Free download blogspot template Html5 CSS3

Designer :  www.elegantthemes.com

Template features : Business, Shopping, Online Store, OpenCart, Clean Design, Featured Content Slider, Fixed Width, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

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'>
     <div class='featured-image'>
     <a href='#'><img alt='Back To School Supplies' height='230' src='/product.png' width='380'/></a>
     <div class='featured-price'>
     <a class='add_cart et-shop-item' href='#'>Add To Cart</a>
     <a class='more_info' href='#'>More Info</a>
     <span class='price'>25</span>
     <span class='currency_sign'/>
     </div> 
     </div> 
     <div class='featured-description'>
     <h2 class='featured-title'><a href='#'>Back To School Supplies</a></h2>
     <p>Vivamus eget nulla id elit volutpat...</p>
     <a class='readmore' href='#'><span>More Info</span></a>
     </div> 
     </div>
     ............
Replace:
  • "#" with your featured post URL.
  • "product.png" 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-content'>
    <div id='menu-shadow'/>
    <ul class='nav clearfix' id='secondary-menu'>
     <li><a href='#'>Backpacks</a></li>
     <li><a href='#'>Bathroom</a></li>
     <li><a href='#'>Accessories</a>
    <ul class='sub-menu'>
     <li><a href='#'>Bathroom</a></li>
     <li><a href='#'>Clothing</a></li>
     ...........
Replace "#" with your menu item URL.

Configure Page Navigation Widget
search for:
  • var posts=12, // Number of posts in each page
        num=2, // Number of buttons will display

How to add price to a product
Add this line before publishing new product (in HTML mode):
  • <span class="item-price">15</span>

How to change currency sign
Search for:
  • var currency="£";

Boutique Blogger Template Html5 CSS3 Template

Download Template Blogger Simple Seo
Template Alien give you Simple Seo Blogger Template
Simple SEO is a free blogger template custom design with 2 Right Sidebar, 3 Column, Blogger, Elegant, Fixed, SEO Ready, Simple, Violet, and now you can download Simple SEO blogger template for free only in templatealien.blogspot.com

Template Name : Simple SEO
Platform : Blogger
Author : Devy Setiawan
URL Author : http://www.devbook.net

Simple Seo Blogger Template

Montric Blogger Template : Montric Blogger Template is a new incredible Blogger Template designed by Templateify.Montric Blogger Template Comes with 2 columns layout along with 4 Columns footer.Different Colors combination makes it more impressive template.It has One magnificent right Side-bar.Drop Down menu along-with social sharing buttons are present in this template.Moreover it has white color crystal background and works on major browsers perfectly.You Can get a free xml copy of Montric Blogger Template from Our Blog.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1zwRO_lwESwbZHVCTcKKwP_sFR0e012RDCllmcuZD8yNCJbn3p6TMBjx9llcfEwBpsur80DgQPA6ukSBcQ8V_0NnSnNLwPk3jfQcOB1ZZMSDB2x-SD7Z_5D11UTp4Gcn6AsUtgU92-A/s1600/Montric.png

Features Of Montric Blogger Template

  • Professional
  • 4 Columns footer
  • Customized widgets
  • Clean Coded
  • One Right Side-bar
  • 2 Columns Layout
  • Ready Social Sharing Buttons
  • Search Box
  • Works on major browsers
  • Awesome Footer and Header
  • White Background

Montric Blogger Template

Magazine Blogger Templates : Musi Mag Blogger templates comes in magazine style blogger template which is considered ideal for music niche blogs.You may have seen many Magazine Style Blogger templates for music niche blogs , but Quality is not every where ! Actually Mus Mag Blogger Template is designed by SoraTemplates which is One of the best templates sharing website. This template comes with many customized widgets among which I like the most is "Social Sharing Widget" , which is present below each post and when One Hover it it expands very awesomely.One of the most amazing thing which is implemented in this template is divider.A very Professional divider is placed between each post which makes this template an incredible One.Moreover this template has 2 columns layout along with a stylish 3 columns footer.Colors combination makes it more attractive template , you can get a free copy from Our Blog.

Features Of Musi Mag Blogger Template
  • Magazine Style Template
  • 2 Columns Layout
  • 3 Columns Footer
  • Professional Look
  • Customized Widgets
  • Really impressive header
  • Drop Down menu
  • Search Box 
  • One Fantastic Right Side-bar
  • Divider b/w each post
  • Fixed Width
  • Page navigation widget
  • Works with major Browsers
How To Install Musi Mag Blogger Template

Musi Mag Blogger Template

Galleria Blogger Template : Searching for Gallery Style Blogger Template ? Having a Photography Blog? Or having Templates sharing Blog ? If yes , then you are at superb place to get an awesome template called "Galleria Blogger Template".It has 3 Columns layout along-with beautiful 4 columns footer.This template is ads ready template .Moreover it works perfect with major browsers.Woody Color Drop down menu along-with Disqus Commenting System is present in this template.
Galleria
  

Features Of Galleria Blogger Template

  • 3 Columns Layout
  • Professional Style
  • Woody Color
  • 4 Columns footer
  • Works with All Browser
  • Top Navigation Menu
  • Drop down menu
  • Search Box
  • Gallery Style
  • Disqus Commenting System
  • Along with many gusty features

How To Install Galleria Blogger Template

Installation

Galleria Blogger Template

 News Blogger Template : Are You News Publishers ? If Yes , Then You are at the right Place to Get an awesome Blogger Template for News Niche Blog.News Blogger Template Comes with fantastic and magnificent features . Many Customized widgets along with news ticker are present in this template which makes this template more incredible template.This template has crystal white background along with beautiful drop down menu and stylish header.

Features Of More Than News Blogger Template

  • News 
  • Magazine
  • Ads Ready
  • Customized Widgets
  • Drop Down menu
  • White
  • Works with all browser
  • Cool Header
  • Ready Search Box
  • One Right Side-bar
  • 3 Columns
  • Professional Style

More Than News Blogger Template

YouTube Blogger Template : Although there are hundred of free templates which may have gallery style and will be fit for video blogs.But here we have found something more impressive and incredible Blogger template which will completely suit with your Video Blog.

Informations About YouTube Blogger Template

  • Template Name: YouTube Blogger Template
  • Layout : 3 Columns
  • Works with : IE , Mozilla , Google Chrome etc
  • Size : 21.6 KB
  • Download : free Copy!

Features of  YouTube Blogger Template

  • Automatic Embedded System ( Just Post YouTube Video URL)
  • Automatic Slider for Featured Videos
  • Page Navigation
  • Professional Style
  • 3 Columns Layout
  • Works with all Browsers
  • Dynamic Post View count plugin installed
  • H1 for Blog title, H2 for post & sidebar titles and H3 for sub-headings!
  • SEO Optimized
  • Customized Widgets
  • YouTube Like Style 
  • Commenting system is well shielded from spammers
Remember : You Can only Add YouTube Videos to this Template , it is featured by the author . So If you are interested in adding all hosting Videos , You can Contact the Author of the template.

How To Add Videos into Post

  • First of all Go To Post Area
  • Click On HTML
  • Copy and Paste the Below Script

VideoLinkendofvid

[starttext]

Your description about Video / text goes here

[endtext]
  •  Replace Video Link with YouTube Video Link , but remember Don't remove endofvid , otherwise it would not work!



YouTube Blogger Template - A Perfect Template for Video Blogs

GridSpot Premium Blogger Template: GripSpot is a Premium Blogger Template having responsive design.It is ideal for Blogging, Tech and Reviews blogs.This template has beautiful Header area where drop down menu is present along-with awesome subscription widget.This template works on Major Browsers and support 404 Page . It has auto read more and easy slider which makes it more incredible template.This template is SEO Optimized Blogger template which is really an impressive feature.

Features of GridSpot Premium Blogger Template

  • Responsive
  • Auto Logo
  • Pro Admin Layout
  • Support 404 Page
  • Full Size Page
  • Column Footer
  • Pagination
  • Easy Slider
  • Advance Editor
  • Auto Read more
  • Black
  • Professional
  • Customized Widgets
  • Work with Major Browsers
  • SEO Optimized

GridSpot Premium Blogger Template

Simple and Bright Blogger Template : Simple and Bright Blogger Template is a new SEO Ready Blogger template having simple and unique style.Cool Drop Down Menu below header area is placed to make the template navigative.This template is ideal for Tech , Reviews , and Blogging niche blogs.White Color along with crystal Black Color background makes this template more incredible template , cool search box along-with awesome slide show is also present in this template.One Right Side-bar along-with 4 columns footer are builtinly present in this template.Fantastic Date Widget is added with each post which shows the post date.Moreover , this template is compatible with all type of Browsers.
You may Also Love it : Flat News Blogger Template


Features Of Simple and Bright Blogger Template

  •  Sidebar
  • 2 Columns
  •  4 Column footer
  •  Adapted from WordPress
  •  Elegant
  •  Featured Section
  • Fixed width
  •  Fresh
  •  Magazine
  •  Premium
  •  Red
  • Right Sidebar
  •  Rounded corners
  •  Slider,
  • Top Navigation Bar
  •  Web 2.0
  •  White

  How To Configure Navigation Menu

Fin the below script in "Edit HTML"
<!-- begin #topMenu -->
<div id='topMenu'>
   <ul class='sf-menu' id='menu-topmenu'>
      <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
      <li>
         <a href='#'>About</a>
         <ul class='sub-menu'>
            <li><a href='#'>Fullwidth Page</a></li>
         </ul>
      </li>
Note :Replace "#" with your Specific URLs and anchor text with your Own words!

Simple and Bright Blogger Template

Replay Blogger Template : Soratemplates , the ever best website for Downloading free Blogger Templates .Replay Blogger template is also developed by Soratemplates , Actually it is developed specially for music lovers.It is also ideal for MP3 Blogs , and music sharing blogs.This Specialty is due to the Music Bar below header where you can put any MP3 song , readers can listen that song just by One Click on the Play Button.Moreover it has 2 columns layout along with beautiful black color drop down menu.Many cool customized widgets are added to make it more incredible template.Social Share buttons are added near to header area.Cool Search Box is also added near drop down menu for searching songs.

Features Of Replay Blogger Template

  • Professional and Stylish Blogger Template
  • MUSIC , MP3 
  • Drop Down Menu
  • Search Box
  • Social Sharing Buttons
  • Mp3 Live music Player below Drop Down Menu
  • Works with all templates
  • 2 Columns
  • Many Customized Widgets



Replay Blogger Template - Awesome Template For Music Blogs

Professional Blogger Template : Let's be naughty , this time not for Africa it is for Girls !!The Template I'm gonna share is totally related with Girls.Actually this template is ideal for music,fun and Personal Blogs , i.e If you are sharing your feelings with people or This template also suit with Quotes Sharing Blogs.

Moreover this template has 2 Columns Layout along with many beautiful customized widgets.Blog Header is really fantastic where you can add different logos etc.This template has a magnificent One Right Side-Bar along-with Crystal Gray color Background which makes it more impressive template.This template works perfect with all type of Browsers , You Can get a free copy from Our Blog.

Key Features Of  Bubblegum Baby Blogger Template

  • Professional
  • Adapted From WP
  • 2 Columns Layout
  • Customized Widget
  • Awesome and Cool header 
  • Gray Color Background
  • Music , Diary ,Personal
  • White
  • Grunge Style
  • Right Side-bar
  • And Works with All Browsers

Professional Bubblegum Baby Blogger Template

Beat it Blogger Template  is a Clean and premium Blogger Template designed by  Aumkar Thakur.This template is designed using CSS3 and is coded very clean.Many Customized Widgets along with gusty features are added in this template.This template has 2 columns layout having no footer.One Right Sidebar and beautiful Crystal color background makes it more impressive template.Awesome Social Share Buttons at header place are present to help the readers to easily share any post.This template is SEO Optimized Template.Awesome Heading Styles are present in this template.The most Significant Comment Style is also added in this template.
beat-it-Blogger-template 

Features Of Beat it Blogger Template

  • Professional And Stylish Design
  • SEO Optimized
  • Neat and Clean Typography
  • Customized Widgets
  • Works with all Browsers
  • 2 Columns Layout
  • Cool Header
  • Sharing buttons
  • Navigation Menu
  • Css3 Quotes Style
  • Meta Tags Added

Beat it - Professional Blogger Template





DemoDownload
Template name : Keilir

Platform: Blogger / Blogspot

Release date : August 2013

Free download blogspot template Html5 CSS3

Designer :  BluthCompany

Template features : Blogging, Personal, Responsive, Dropdown Menu, Social Widget, Page Navigation.

License : Creative Commons Attribution 3.0

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-primary'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Theme Options</a></li>
     <li class='dropdown'><a href='#'>Pages</a>
      <ul class='dropdown-menu'>
       <li><a href='#'>Full Width</a></li>
       <li><a href='#'>Right Sidebar</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

Keilir Blogger Template Html5 CSS3

Professional Blogging Blogger Template :A New fantastic Professional Blogger Template is developed by SEO Blogger Templates.This template has 2 columns layout along with beautiful crystal color drop down menu.According to the author this template is ideal for Blogging, Tech and Reviews Niches.Awesome Style Subscription widget is present below header,when one click it it slides and Subscription Box Popsup very fantastically.Many Customized widgets are present along with SEO Packages.One right Side-bar and Search Box makes it more stunning template.This template works perfect with all browsers.

Features Of  Professional Blogging Blogger Template 

  • Responsive Design
  • Couch Mode
  • Related Post
  • Subscriber Widget
  • SEO Ready
  • One Right Side-bar
  • Search box
  • Many Customized Widgets
  • No Footer
  • Beautiful Header
  • Professional Design
  • Works with all Browsers.

How To Install Professional Blogging Blogger Template

Installation

Professional Blogging Blogger Template

GoGreen Blogger Template is a fantastic template for Tech and News Blogs.GoGreen Blogger Template has 2 Columns layout along-with beautiful drop down menu.This template has a clean design and white color background.Beautiful one right side bar is present in this template which makes it more sexy template.Many Customized widgets are added in this template which makes it more impressive template.GoGreen Blogger template works with all Browsers , You Can get it free from Our Blog.
GoGreen Blogger Template

Features Of GoGreen Blogger Template

  • 2 Columns
  • Magazine Style
  • Professional
  • WordPress Outlook
  • White
  • Grey
  • Works with all Browsers
  • Drop Down menu
  • Page Navigation menu
  • Customized Widgets

How To Install GoGreen Blogger Template

GoGreen Blogger Template