Go back to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Find this code:-
<title><data:blog.pageTitle/></title>
Update:
Copy and insert the following code below the line:-
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Inserting this will also work but the former is preferred:-
<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>
Remember to type in the “URL of your icon file”.
Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.
Other image types
The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is...