How to change the blogger icon?

Favicon is abbreviation for website icon. If you have not done anything to your blog template, the address bar of your blog may look like what you see below:



The favicon in the screenshot above is the standard Blogger favicon and this will be the favicon for all blogspot.com blogs by default. The favicon below is a photo of myself:



The favicon will also be seen in tabs of web browsers with tab browsing. See the screen shot below:



If you want your own favicon, these are the steps to put your own favicon into a Blogger or any blog.

Backup your template and backup the Page Elements

Convert an image file (jpg, png, gif, etc.) into an image with a .ico extension. Google for "free ico generator" or try this one. It is the best I found so far:
Dynamic Favicon for Blogger
All you need to do is to sign up for a free account (I think if you don't want to, this may not even be necessary), click "browse" and select an image from your computer.



Upload, and that generator will not only generate the .ico image for you, at the same time it will host the .ico image on the web and give you the .ico image URL in the same page. In fact, it does better than that. It gives you the code for you to copy-paste into your blog template:

Go to Dashboard and get into the LAYOUT of the blog you want a favicon for. Click EDIT HTML and look for . Copy code box above and Just move your codes for the favicon from it original position in the template, look at the picture

Paste the code you get from above and preview. If OK, click "Save" and your blog will have a favicon different from the standard Blogger favicon.

(Source:www.bloggertipsandtricks.com)