Add Favicon To Blogger

What is a favicon?

A favicon is simply a little mini graphic that appears in the tab box of your browser. Does it help you in regards to SEO? Nope but it does make that ugly Blogger image disappear and gives your blog a little uniqueness.

Adding a favicon is actually really simple and any technically challenged person can do it in a matter of a few minutes.

The first thing you will need is a picture to be used and have it uploaded on your computer. Keep the photo under 1MB in size.


Next go to this site. Free Favicon Generator

You will see the tool shown in the image below. (click all images to enlarge)

Hit the browse button and find the photo you want used stored on your computer.

Once you have selected the desired photo just click the upload button. This will create and store a .ico photo on the server used by the tool. An .ico extension is for windows icon.

You will now see the following screen.


Just cut and paste the code in the lower box into your Blogger Template.

In Blogger;

Go to Layout - Edit HTML - Expand Widget Template - You will see a version of the screen below.


Insert code just above the < /head > tag, click Save Template and you are done. Your photo will now show up in the tab on your browser when your site is loaded.

Blogger Template Generator

As with any template builder, this would be great for a new site. If your blog is established, customised, and loaded with goodies, you may have to cut and paste a bit, but this is still a cool tool. It has built a great-looking (at least IMHO) template for Freshblog. I am still recovering from the sting of an inbound that said something like "bad layout, good content," and when I set out to fix the CSS in the template header it became a bit tricky.... Hopefully now the standard of the layout approaches the standard of the content.

There may be (will be?) bugs. Please leave me a comment. I'll be grateful for the heads-up. Font size, link color and such are on trial for the moment, and if the links are hard to find I'll choose a different shade of blue!

So. If you're starting out, and you want a slick looking template such as this, try PsycHo.
You'll find an easy interface that reflects your changes in real-time, and sub-divides the menu into the components of the page so that you can tackle one set of formatting at a time. There are also a number of spiffy export & share functions. Very good stuff.