What is favicon?While using IE, Firefox or Opera you will see an icon on the tab when you visit a page.This is called favicon. Favicon is a small icon/picture (usually 16px x 16px in size) shown next to site URL in the address bar. In Blogger, by default orange colored blogger icon is shown as favicon which looks ugly and it is common also as lakhs of blogger blogs contain this. Also having your own favicon with a nice graphical reminder of your site beside is a good way to attract visitors attention.
Add/Change Blogger Blog Favicon?
- Log in to your Blogger's Dashboard
- Go to the Layout
- Click on the favicon Edit link usually present at the top left corner.
- Now hit "Choose File" button.
- Browse for your own image(should be less than 100 KB) and select it.
- Blogger will automatically re-size it,and finally hit the "Save" button.
Another Way To Change Blogger Blog FaviconHere is another simple way to change your blog's favicon.
There find the title tag which looks like
Remember to replace file with your icon file's URL
Your new favicon should start appearing in some time.
Well, some blogger, have been facing some trouble with their favicons because Blogger wouldn't show them at all or wouldn't update them to the new one.
If the favicon on your Blogger blog does not update, make sure you clear all history from web browser and then check for it.
If you changed your favicon on the Layout section of your blog or used the HTML code and it doesn't work or doesn't show the right favicon, just do the following steps:
Step 1: On the address bar, type http://[your blog url]/favicon.ico and press Enter.
Step 2: Refresh the page.
Step 3: Go back to your blog.
Manual method to add Favicon to Blogger blog
1. Click on ‘Layout’ > ‘Edit HTML’
<link href=’http://www.URL.com/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://www.URL.com/favicon.ico’ rel=’icon’/>
- Go to Blogger Dashboard > Template
- Click Edit HTML
- Hit Proceed button
- Now find for below code in your template
add below code immediately after of above code
<link rel="shortcut icon" href="URL OF YOUR ICON FILE"/>
Replace URL OF YOUR ICON FILE with your own icon.
Now save your template and you are done..