Changing Favicon on Blogspot

Before I go about changing the template too much, I have to get rid of my initial pet peeves with the blog.

I don't like the default favicon for a number of reasons. It makes the website feel less personal to me and makes viewers instantly know that it is a blogspot blog. Additionally, anyone using mass tabs like I do, will have a hard time finding it amongst other blogspot blogs open.

I made mine an "A" because I am unoriginal and did not want to make my own logo yet. Ideally you should use a ico file but a png will probably work fine. Unfortunately you cannot use animated gifs or scalable vectors because browsers that aren't Opera are rubbish.

Anyway, the change is rather simple.

First, ind the image you want to use and make sure the resolution is no larger than 36x36. Next upload it somewhere like imgur or another image hosting site and copy the image url.

Now a simple line of HTML needs to be added, but first you need to find where to put it. Go to your Edit HTML page in your dashbord and find the following line:

<title><data:blog.pagetitle/></title>

Finally, insert below it the following HTML: <link href='Image URL here' rel='shortcut icon' type='image/vnd.microsoft.icon'/> replacing "Image URL here" with the URL of your image.

Now just save the template and you are done.