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
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'/> |
---|
External Domain
For those who have hosted sites in external domains, insert the link in the root directory as well. Otherwise, you can upload the file into the root directory and name it favicon.icoAs an example, if your domain name is www.domain.com, the URL of the favicon will be www.domain.com/favicon.ico
This method is not preferred but a number of browser versions are able to process the icon. Since we do not have external domains to try out this alternative, you may want to see if it works for you.
© How to in bloggers™