Click here to find out what a favicon is.

To put up a favicon on your blog at blogger.com, follow the following steps

1) First of all create a favicon or find one from the internet. Preferred sizes for favicons are 16x16 or 32x32 pixels. 16x16 is preferred as it works best with old browsers too. The favicon image file should have a .ico extension. I'm not sure if .jpg or other image extensions work for favicons or not. You can also use softwares for generating favicons. You can find such softwares by googling the term 'favicon generators'.

2) Once you have selected your favicon, then you need to get its location or URL on the internet. If you decide to pick up a favicon from the internet the copy the location of the image. If you made a favicon or your own then you need to upload it on some free image hosting sites like photobucket. After uploading your .ico file you need to get its location or URL.

3) If you do not have an account at any image hosting site or if you do not want to go through the tedious procedure of creating a new account, then you can try this alternative. Create a new post on your blogger blog. Upload your favicon image to this post. View your post in the 'Compose' mode. Right click the image and choose the 'Copy Link Location' option. Paste the copied link location in any text editor. Find the following phrase in the link '/s1600-h/' and replace it with '/s1600/'. Use this newly created link as the 'URL of your favicon image'.

4) Once you have the URL of your .ico file,
go to the dashboard of your blogger account > click on Layout > Edit HTML.

5) After clicking on Edit HTML you'll have the HTML/XML code of your blog template in front of you. Locate the tag in this code, it will mostly be at the beginning of the code so you'll be able to find it without needing to scroll down the code.

6) Just below the tag, you'll find the following line -
<title><data:blog.pagetitle/></title>

Put this line just below the line showed above.
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Replace 'URL of your icon file' with the URL of your icon file.

7) Save the changes and you've given your blog a new look with a brand new favicon!!!! [:)].


If you have further problems putting up a favicon for your blog, please post a comment.

Cheers,
Online Spectrum