Add Favicon icon to Blogger URL

Have you wondered how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.

Go back to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-

<title><data:blog.pageTitle/></title>

Copy and insert the following code below the line:-

<link href='URL of your icon file' rel='shortcut
icon' type='image/vnd.microsoft.icon'/>

You can use this code for other image typing:

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'/>

Your change:
URL of your icon file by your image url.