How do I...? Favicons


On special demand of a special friend:

How do I...

... add a favicon / shortcut icon to my blog?

A favicon, also known as shortcut icon, website icon, page icon or url-icon is a small, square icon, usually 16×16px in size, that is displayed alongside the URL in the web address bar of a web browser.

The reason for using a favicon is branding. Most modern web browsers allow tabbed browsing. This means that a user can open several websites in the same browser window. A nice favicon design will distinguish your blog / website from the other websites.

Some modern browsers also allow favicons to be displayed in the Bookmarks section. Again, this will ensure your website will be distinguished from the others.

Guide to install Favicon
Adding a favicon to your blog is a good way to distinguish your blog from the millions of other bloggers around.
  1. Choose a picture you like
  2. Use a photo Editor to resize the picture to 16x16 pixel .gif for best 1:1 resolution and adjustment
  3. Host the 16x16 pixel .gif on any photo host (like photobucket)
  4. Add your Photo host url of the icon to the following code below


<link href='URL of your icon file' rel='shortcut icon'/>




Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.

If you are still not sure how to get to the XML of your blogger, then follow these steps carefully:



















When you decide to change your blog favicon in future, you can just change the hosting link of the image with a new favicon and that´s it!

pimped by @ 12:40 PM

1 comments:

Barb said... 3/06/2008 10:04:00 PM

I did it!!! TY TY TY!!!

Post a Comment