Blogger – Before making changes to templates

Now, since you have moved on to learn how to make customizations/changes as per your preference in the template for your new blogger blog, there is something that we think is an absolute must before you proceed with the changes, more importantly when these changes are in the layout of your blog, or when done inside the blog template’s HTML code. In the last post we showed you how to make changes in your blog’s appearance using the blogger template designer, a way which can safely be used to make some of minor changes in the blog colours, backgrounds, layouts widths and such. And changes here can be safely reverted back to original by clicking the Reset to Default button. However this is unfortunately not true to the full extent when it comes to making changes in the template from the template html, layouts, and more importantly when there are certain changes you would like to keep while discarding some that screwed up your blog’s template/layout.

In such a scenario it becomes important to have a backup of your blog’s template. Imagine a situation wherein you added a css-javascript driven menu to your blog, and were doing some more changes which went horribly wrong and screwed up the entire layout of your blog. In such a scenario, having the latest backup of your blog’s template becomes an absolute necessity, so that you could upload the template back on blogger and your blog comes back to normal. And anyone who has ever worked on writing long codes for anything, be it a small website or a web page, a desktop or a web application, or simply anything, he/she will always suggest you to keep backup copies of your code before you proceed making major changes, so that, in the event of something going wrong, you don’t need to go back and do it all from the scratch. Wise enough? Yeah, we know!

So, just because you are new to blogger, there is a small possibility that you still might not be knowing all the tricks of trade, and hence we decided to do a post to guide you on how to go about making changes to your blogger blog and be safe from anything unforeseen. Just keep reading below to learn how can you accomplish this task of keeping a backup of your blog’s template.

Basically, there are two simple ways, to take a backup of your blogger blog’s template. One that blogger provides as a standard feature, the other one that is customary to most people who’ve interacted with writing code. First let us introduce to the easier way. As we usually do, we will go around with some screengrabs of the pages while trying to explain the stuff that is happening in the pages to help you understand the things in a proper way.

Blogger Dashboard

Blogger Dashboard

As usual, we start off from the blogger dashboard, for accessing which, you need to have signed in in your google account. Once in there, just navigate down to the link – Template to access the page settings.

Blogger - Template Backup

Blogger – Template Backup

Once in the Template settings page, on the top right hand side corner,  under your name, you can see a button Backup/Restore. This is the button which you will be using in creating/restoring a backup of your blogger blog’s template.


Once you click on the Backup/Restore button, you get a pop over like the one shown above. You get options to Download or Upload a template backup file. Click on the Download full template button and your blog’s template will be downloaded in a single file with an extension .xml. XML stands for Extended Markup Language and is a standard that is used by all of the web today to communicate between different computers connected to the internet. This xml file contains all the data required to recreate the design of your blogger blog, all the settings, style settings in terms of font colours, faces and sizes, background colours and images, and even the javascript/CSS, jQuery code, all rolled into a single xml file.

Once downloaded, you can keep this xml file someplace safe in your computer or on the web, with some cloud storage account of yours, like say, Dropbox. This will be helpful if you ever need to revert back to some changes you made long back, and can no longer go back because you don’t really recall what changes you made, and also you don’t want to revert back to the default template. It’s a good idea to take backups of your blog and your blog’s templates once in a while to ensure that you have the most recent backup.

Let us check out the second way to take a backup.

This way is somewhat different as in here, you are supposed to get into the blogger template’s html code, and copy the entire code to take a backup.

Blogger Template Backup - Edit HTML

Blogger Template Backup – Edit HTML

To take a backup this way, just navigate to the Template page in your Blogger dashboard, then click on the button Edit HTML. You will be taken to a new page that looks like the one shown below. All the HTML, CSS, JavaScript code that creates your blog what it is, is here.

Blogger Template Backup - Edit HTML

Blogger Template Backup – Edit HTML

Once you’re into the page, just select all the text code from the window, by either using your mouse or using the Ctrl+A shortcut and copy the contents. Once copied, you can paste it and save it as a text document using Notepad. To use it back, all you have to do is copy the code from the text document and paste it down in the same Edit HTML page, replacing any code that presently exists in there, and your blog’s template will be copied in its entirity.

With that we believe it’s time to wrap it up all for this post. We hope that the above post will help novice bloggers to play safe and will also help them sort out a lot of issues with their blogger blogs, since, the blog’s template is something that is visible to the visitor and if it’s not proper, your blog might get grossly neglected. Do let us know your views on the above post, and do share with us if you have some other way to take a backup of your blog’s template.

Shutters down!

1 comment

Leave a Reply

Your email address will not be published. Required fields are marked *