To add Favicon to your blog just follow the steps below-
Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-
Copy and insert the following code below above line in HTML:-
<link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>
Remember to type in the “URL of your icon file”, it is address 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 either 16×16 pixels or 32×32 pixels.
If you have a PNG format image, the link to insert is:-
<link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/png’/>
If it is a GIF format image, the link is:-
<link href=’URL of your icon file‘ rel=’shortcut icon’ type=’image/gif’/>
I’ve added some of favicon download them here.Get a preview of them below