How to add a Custom Favicon to your Blogger blog - Official

The favicon should be in .ico format, popularly known as windows ICO (icon) file format and should be less than 10kb. The best and appropriate sizes are 16×16 pixels and 32×32 pixels. You can easily create one with any photo editing software but most of them don’t allow the image to be saved in icon format. In that case you can save your image in .png format and use any online tool to generate favicon or use GIMP, a small but powerful photo editing software, to create one. Name the file as “favicon” and save it in you computer’s hard drive.
After you have successfully created the favicon, all is left for you is to add it to Blogger by clicking the “Edit” link beside “Favicon” as shown in the picture above. Choose the file that you have saved on your hard disk and “Save” it.

To be noted

• After saving the settings for your custom favicon, you may not be able to see it immediately while viewing your blog. This happens because the default Blogger favicon remains there in your browser’s cache. To view it, clear your browser’s cache or wait for sometime or days to expire and get deleted by itself.
• Your blog’s favicon URL is:

http://your-blog.blogspot.com/favicon.ico

By Raju