Favicon appears on the title bar of a web page. Usually, each website has its own favicon which is related to their header logo. In blogger, whenever you create new blog then you can see the blogger default logo as favicon on the title bar of the page. You can change this manually by following some simple steps.
Before applying your own favicon, you must keep some things in mind.

1. Your favicon must be a size of 32x32 px.
2. It is recommended that the format should be .png.
3. Always use minimum words so that it can be easily viewable on the title bar.

Now to change your favicon, go to blogger Dashboard > Layout.


Browse your favicon of 32x32 px and click on Save.


Now check your webpage.

Alternative Method

If you are unable to see your favicon on the title bar then you have to use this method, then you can easily see your own favicon on the title bar of your blog.

Go to blogger Dashboard > Template
Click on "Edit HTML" and search the following:

<b:skin><![CDATA[

Now just above this, paste the following code:

<link href='Favicon Image URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Put your own Favicon Image URL in the above link where require.

Note: Some templates already have this code, then just replace your favicon image URL.

If you like this, then share it with your friends.

Best Wishes!

Author: Muhammad Faheem Usama