Tuesday, 12 July 2011

How to add a favicon to your blog

What's a favicon?
In some browsers, it appears before the web address in the address bar; in others, it appears on the tab where your blog is displayed. It also appears next to the name of your blog if it is listed in someone else's blog-roll.

Making your favicon
You will need a graphics package such as Gimp to do this.

  1. Find or create a square image - usually your logo. 
  2. Reduce it in size to 16 by 16 pixels.
Adding your favicon
  1. Go to the design view in your blog (click on design at the top right)
  2. Just underneath the heading "Add and arrange page elements" it says "favicon". 
  3. Click on the edit link next to favicon
  4. Upload your newly-created square 16 x 16 image


  1. For a small graphic, a free- and open-source cross-platform (multi-operating system) tool like Inkscape -- http://en.wikipedia.org/wiki/Inkscape -- might be better.

    The GIMP can be a beast.