She asked for a favicon for her blog hosted on Blogger so here’s the steps if you’re interested in doing the same for your site.
Although the favicon can be of ICO, GIF or PNG format, Internet Explorer 7.0 seems to occassionally have some issues with formats other than ICO so we’ll use ICOs here.
Create a 16×16 ICO file from your image by going to FavIcon from Pics or using your favourite image editor.
Choose an image from your computer and click Generate Favicon.ico to preview and save your favicon.
After previewing, click Download Favicon to get a zip containing your favicon.
Extract the zip file and upload your Favicon.ico to somewhere like Google Pages since Blogger doesn’t allow uploading of ICO files. Remember to rename your file to something like Favicon1.ico or else you’ll end up displaying Google Pages’s favicon instead
Now you’ll need to login to Blogger and edit the Blogger XHTML template under Template > Edit Html. Remember to backup and save your template via Download my Template first!
Search for the <head> tag in your template and insert the following line after it:
<link rel=’shortcut icon’ href=’XXX‘ type=’image/x-icon’ />
where XXX will be the URL of your favicon. The edited template should look something like the screenshot below.
Save the template and it’s done! Internet Explorer users might need to clear their cache and/or restart Internet Explorer first.
MORE @ THE DOWNLOAD MUNKEY:
Blogger Backup Utility by Greg Duncan