News!! How To Edit Your Blogger Template

Update: this information is directly out of date. See How to EditYour Theme inwards Blogger for electrical menstruum information.

Previously, I've looked at whether it's a goodness idea to edit your Blogger template or not.

For many people, editing the template is acceptable, because it is the solely agency to practise what they wishing (remove the attribution, show a gadget on the homeppage only, add a Facebook similar force to posts, etc).

In general, the physical aid for to follow is:

Open the template-editor
Make a back-up imitate of the template, every fleck it is now
Make the change
Check that it works, together with if not, instruct dorsum to the previous template.

Of course of educational activity of written study it's non quite that uncomplicated - at that spot are unlike procedures for working with dynamic vs designer or layout templates.

How to opened upwardly Blogger's template editor, for dynamic template blogs

If your spider spider web log has a dynamic template, together with too so role the see-all-posts icon for the spider spider web log to instruct into it the blog-options screen for the spider spider web log that yous lot wishing to edit.

When yous lot are inwards the see-all-posts mode, the the address bar inwards your browser is similar this:

http://www.blogger.com/blogger.g?blogID=5381944372768369653#allposts/postNum=0

Copy your blogID number - that is, the digits between blogID= together with #allposts (it's bold inwards the instance above)

Go go

http://www.blogger.com/html?blogID=NNNNNNNNNNNNNNNNNNN

where yous lot have got replacd NNN... with your blogID

Note: the terminal 4th dimension I tried this, it automatically opened inwards the onetime interface's template editor. As always, ready certain plenty yous lot choose a backup imitate of the template - reckon instructions below before changing this.

How to opened upwardly Blogger's template editor, for non-dynamic templates

Go to the Design tab
Click Edit HTML

Note: this pace has directly been removed - however I've left it hither for now, because I suspect that it may come upward upwardly dorsum inwards future:
Click Proceed

Once yous lot have got your template opened upwardly inwards the template editor, the side past times times side challenge is making changes successfully - together with beingness inwards a spot to recover if your changes were non successful.

How to edit your template

Make a backup imitate of your electrical menstruum template

It's tempting to skip this if you're solely making a lilliputian change. I flush skip it myself sometimes. And it's non needed if this is the start 4th dimension you've ever customised your template - because yous lot laissez passer the sack recover from problems past times times exactly reinstalling the stair out template.

But if yous lot would locomote upset to lose whatever template changes yous lot made earlier, or if the alter yous lot are making directly is non minor, together with too so I strongly recommend making a imitate before yous lot start, exactly inwards case. To practise this

Click the Backup / Restore force near the locomote past times times right of the dashboard (as shown below)
Click the Download Full Template button, together with then wait slice the file downloads.
After the download has finished, expose the place where your estimator puts downloaded files.
Find the file that was exactly created,
Rename it to something sensible
(eg MyBlog template backup before alter 31 Jan 2012.xml)
Move the file to somewhere safe: usually somewhere on your estimator is fine - or yous lot ready similar to upload it to somewhere similar Google Docs, to locomote absolutely certain plenty that it won't instruct lost.

Make the alter to your template

Check whether the alter yous lot are making needs the Expand Widgets checkbox off or on, together with spot it to the right state.
(If the article telling yous lot wishing to alter doesn't acquire upwardly it, together with too so assume it should locomote off.)

Find the code yous lot involve to change:

See this article from Southern Speakers if you're non certain plenty how to role the find-feature that Blogger have got directly built into the template editor.

Note: many of the "how to" articles say to ready certain plenty that the Expand Widgets checkbox off or on. This checkbox has directly been removed from Blogger's template editor. If the instructions yous lot are adjacent says to instruct out it "off", together with too so yous lot should exactly locomote able to follow it every fleck is. However if yous lot are told to plough it on, together with too so yous lot involve to expose the right draw of piece of job concern component division of the code past times times searching for the widget-id or subdivision name, together with too and so "unfold" that to reckon the goal code.

Make the alter (this article doesn't instruct into the principles of template design, at that spot are plenty of other articles together with websites nearly that: I'm assuming that yous lot know what yous lot involve to do).

Click the Preview button:

If Blogger laissez passer the sack ready experience of the alter yous lot made, together with too so a novel window or tab opens, showing a see that looks similar your blog's homepage. It's non a existent imitate of your spider spider web log (the links won't work, the spacing mightiness non locomote quite the same, together with it testament have got the discussion "Preview" diagonally inwards the locomote past times times left corner).

Do a quick banking venture depository fiscal establishment check that the covert looks right - for nigh changes yous lot flush locomote able to tell if the alter has been successful exactly from this preview screen.

However: If the novel window/tab shows an fault message like

Your template could non locomote parsed every fleck it is non well-formed. Please ready certain plenty that all XML elements are closed properly. <br/> XML fault message: The chemic factor type "div" must locomote terminated past times times the matching end-tag "</div>".Error 500

Your template could non locomote parsed every fleck it is non well-formed. Please ready certain plenty that all XML elements are closed properly. <br/> XML fault message: Element type "b:widget" must locomote followed past times times either attribute specifications, ">" or "/>".

together with too so Blogger has non been able to sympathize the alter yous lot made. Sometimes the fault message gives a clue nearly what's wrong, although it laissez passer the sack locomote misleading. Check that yous lot made the alter correctly - gear upwardly whatever errors together with click Preview again. If it still doesn't work, postulate for assistance from the position that suggested the alter yous lot are making.

Once yous lot are happy that the preview covert looks OK, click the Save or Save template button.

How to acquit witness your template change

the page-gadget every fleck a menu, the archive widget, ) your spider spider web log uses. You involve to decide what to test, based on all of these.

At least, I alwways click on together with banking venture depository fiscal establishment check on these things when I've made a major template change:

the habitation page
the items inwards the carte du jour bar
a label value
an archive widget entry
custom-search-engine results
comments

And if I'm beingness especially reader-focussed, I'll too banking venture depository fiscal establishment check these things inwards more than ane browser: usually inwards the electrical menstruum version of Internet Explorer, Firefox together with Chrome.

Fixing Problems

If yous lot expose that the template alter has caused problems, together with too so ou have got have a alternative to make:

Can yous lot together with your readers live on with the problems on your spider spider web log for "a while", slice yous lot hold off for other solutions?

Or

Do yous lot involve to choose away the alter right now, thus visitors laissez passer the sack role your spider spider web log every fleck it was slice yous lot solve the issues.

There is no right response to this question: It's a personal decision, based on the blog, together with your readers.

But if yous lot practise involve to choose away the template change, here's how to practise it:

Click the Backup / Restore button near the locomote past times times right of the dashboard
Click Choose File together with expose the file that yous lot downloaded earlier
Click Upload.

It is best to restore your template before yous lot have got changed whatever gadgets. If yous lot instruct a message nearly widgets beingness missing, together with too so it agency that the gadgets associated with your spider spider web log are non the ones referred to inwards the template. If this happens, yous lot involve to create upwardly one's psyche whether to deep or delete whatever "orphaned" ones, together with may involve to banking venture depository fiscal establishment check their settings again.

Making complicated changes

If yous lot your template may involve a lot of "surgery" slice yous lot figure out how to ready a change, together with too so it may locomote a goodness idea to build a private test-blog to practise the locomote in, together with solely imitate the contents into your "real" spider spider web log template when yous lot are certain plenty that you've got it right (or correct-enough).

Advantages together with disadvantes of editing your Blogger template

How to expand the widgets inwards your template editor.

Adding CSS formatting rules to your blog, without editng the template

How to choose away the "powered past times times Blogger" attribution from designer-template blogs

Putting a gadget on the homeppage only

Planning changes to your spider spider web log - without readers seeing what yous lot are doing

ADS