17 How to install a new template using the HTML code

The Blogger templates offered here are now available in either XML or "template code" format in the Templates section of this site. To learn how to install the XML templates, take a look at this tutorial which explains the process in detail. For those who prefer to copy and paste the code for new templates, here are some tips to help make the process easier.

The template code for each template can be found on the download page in the "templates" section of this site inside a scrolling "iframe" section. To use this, you will need to paste the entire section of code into the Edit HTML section in your Blogger dashboard, instead of the code which is currently there.

Often readers contact me because they have experienced errors when installing new templates in this way. Usually such errors are caused because a part of the template code has been left out when copying, or because a part of the old template still remains.

The method I use to install the HTML code for new templates prevents the dreaded "your template could not be parsed" error code from appearing by ensuring all of the new template code is copied, and none of the old template remains in the Edit HTML window when the new template is installed. This method uses keyboard shortcuts, which simplifies the process, and is also much faster than other methods too!

How I install template code

  1. Fisrt, make a backup of your existing template in case you decide to revert back to this later on.
  2. When you have decided on the template you would like to install, put your cursor inside the scrolling iframe box which contains the template code (it doesn't matter where, as long as it's inside this box!). Then hold CTRL (or CMD for Mac users) and press A. This should highlight all of the text within the scrolling box. Then while this text is highlighted, key CTRL/CMD + C, which will copy all of the highlighted text to your cliploard
  3. Next, go to Template>Edit HTML in your blogger dashboard. Check the "expand widget templates box" and again, place your cursor inside the box containing your template code.
  4. Once again, key CTRL/CMD + A to highlight all of the text within this box. Then key CTRL/CMD + V. This function will paste the new template from your clipboard over the existing template, which ensures the old template is completely removed.
  5. You can now preview your new template to ensure you like the new appearance before saving it. Using this method, if you decide you don't like the new template, you can simply click the "clear edits" button, and your old template will still be in place.

I hope this method works well for you too. It certainly is worth giving this a try if you have experienced error messages when trying to paste the html code for a new template.

Please feel free to leave your comments and opinions below.

Technorati Tags: | |

17 Comments:

19 April 2008 17:54 Gator Bingo said...

I tried to download the super custom template by following the install a Blogger template using the HTML code method as described. Blogger provided the following message:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The document type declaration for root element type "html" must end with '>'.
I couldn't find the cause for this error message in your code.
Any ideas??

22 April 2008 21:44 Amanda said...

For Gator Bingo: I haven't yet uploaded an HTML version of the Super Custom template. I think the problem is most likely that you've tried to copy and paste the content of this XML file as HTML (as they are slightly different in the mark-up code).

To install the XML template, you would need to download this file to your computer, then install using the "Install a new template" feature in the Edit HTML page of your blog. You should be able to save the XML file if you right click the link and choose "Save As..".

If you prefer, I could send you the HTML code for the Super Custom template which you could copy and paste as HTML code. Let me know by sending me an email, then I'll be able to send this as a text file for you to use.

Hope this will be helpful to you!

Best wishes,

Amanda

2 July 2008 05:13 Cindi-Moomettesgram said...

I can't open the html file for the rounders 3 (3 column) Sorry, not too savvy. I was sent to your site from Mom Bloggers Club. Then I want to paste the photo/header into the rounders 3. I was looking for a brown type of 3-column to go with the same photo insert. No clue what I'm doing!

4 July 2008 11:19 Shrikant said...

Hey Amanda,

Good i like your blog and your templates.

Shrikant.

6 July 2008 05:45 pss/skabsr said...

I still can't create my new template.Buzzzz.

15 September 2008 02:36 TheSmilingFashionista said...

i never can complete these..
i always get errors! please contact me with help on this because i really want a three column template!

exuberantfashionologist@hotmail.com

i got error: bX-myhhyy

please help!!!

21 September 2008 03:55 HambaHina said...

Dear amanda,why i cant put my cursors code in my edit templates?when i paste the codes..this words would tell me that "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in trailing section."

so can u tell me where should and how can i paste the codes at the right place?i always ger error..cause i really wanna make a cursor for my blog.

24 October 2008 04:54 Iklaneka said...

i have download the Firebug template to my bloger, some of my information was gone. PLS HELP

29 October 2008 09:22
lynn said...

i have tried copying everything into the box but there are error codes such as ''XML error message: The markup in the document following the root element must be well-formed.''
what does it mean?

2 November 2008 05:13 babyrocasmama said...

Hi Amanda,

I have your Super Custom template & I have a problem with it. How do i put two ads side by side? I cannot figure it out. Since you are the designer, I thought you could help me. Take a look at my site http://mylastshredsofsanity.blogspot.com

Please let me know what to do, as the ads being side by side was one of the main reasons I got this template.

HELP!!??

13 December 2008 01:42 rituparna said...

hi amanda,

can u please tell me why i get the same error messages every time i try to use a xml template in my new blogger , while html templates work fine ? have been trying for days now ! i always follow the keyboard shortcut method that you have written about.......but for xml it simply does not seem to work !

30 December 2008 01:06 selin said...

Hi Amanda, i read the first comment on this page and would wish to have the HTML codes of your templates.

27 March 2009 17:20 Amira said...

i have copied and pasted the whole html text but it doesn't change anything... it's still the same lame blogger blablabla. since i will not go back to this site, comment your answer to my blog if you don't mind thanks

21 April 2009 12:19
Anonymous said...

help

10 June 2009 17:26 Log22 said...

muaxxxxxxxxxxxxxxxxxxxx i can have it

21 June 2009 14:48
Anonymous said...

Amanda, thank you for posting these beautiful free templates and for explaining how to do it so clearly. (And I think you're a saint not to reply in a negative way to the silly newbies who can't be bothered to read the answer to their question right up at the top of the page.)

good work, and thanks again

1 October 2009 22:16
Anonymous said...

Amanda, your rounders 3-column templates are no good as the html codes for them could not be downloaded. And it was quite frustrating to repeatedly attempt it, only to no avail. Hope you test the downloadability of your templates before you put them on the net. That would save everyone a lot of headaches.

Post a Comment

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me