How to install a new template

For some, installing a new template to Blogger may be difficult. There might be errors when replacing then saving the codes in the Edit HTML option.

Copy and pasting the codes alone may not work to give you the template you wanted. The new Blogger now uses XML codes to be used to work out the template.

To successfully install new template, go to Edit HTML. Now, backup your old template by clicking Download Full Template, in case the new one that you're planning to apply may have some internal errors in it and may not at all turn out the way it should. Save the downloaded template into your desired folder.

The next thing to do now you have the back-up is browse your desired template as the replacement. The file that we want to upload here is the XML file. You will need to unzip the file first if that template file is a .zip file. Well most of the template files are of this.


Once you have located that particular XML file, click upload, and presto! You now have successfully installed your new Blogger template. The only thing you should do now is tweak it.

How to modify your favicon

I've noticed that many of the bloggers who use the Blogger platform don't have their own favicon, thus left with the default Blogger icon. What is favicon anyway? Favicon is the teeny weeny icon you see at the left of your window tab, as encircled in the screenshot below.

Did you know that you can personalize this as easy as ABC? Here's how:

1. Get or make a picture that you would like to place as your favicon, something that will represent your blog. The picture needs no specific size as it will automatically be adjusted once installed to your blog.

2. Upload the picture to Photobucket, or any photo sharing site, like Flikr.

3. Copy the code below and replace the letters in red with the URL (source) of your uploaded/hosted picture to be your favicon.

<link href="www.yoururl.com/blah.jpg" rel="shortcut icon"/>

4. Now go to your Template tab in your Blogger dashboard and click Edit HTML.

5. Paste the code right under <head> as highlighted in the screenshot below.

(Click for a larger image)

6. Save template.

7. Now view what you have just done.