How To Add Favicon In Blogger.com Blog

Hi! Everyone, wish you all happy and safe Christmas.
Today in this post I will tell you how you can make favicon in your Blogger.com blog. Favicon is what you see a small image in the corner of your browser’s tab/window (see in the below image). You might always see in Blogger.com blogs (*.blogspot.com) always have same favicon. And you must have thought once that how you can change it with the image you want.

Saket Jajodia's blog Favicon

Here how you can change the favicon of your Blogger.com blog

  1. Get a image you want to use as your favicon (16×16 pixels recommended size)
  2. Rename that file (with file extension) to favicon.ico
  3. Now host (upload) it on internet
  4. You can host it on blogger.com
    You can host it on Google code

  5. Now get the link of that favicon you have uploaded
  6. Go to Blogger.com
  7. Login to your account
  8. Go to Design –> Edit HTML
  9. Copy the below code
  10. <link href='favicon.ico' rel='icon' type='image/x-icon'/>
    <link href='favicon.ico' rel='shortcut icon' type='image/x-icon'/>
    <link href='favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    Change the favicon.ico with your favicon link that you have uploaded

  11. Search for <head> tag
  12. Past it just after the head tag
  13. Then click on SAVE TEMPLATE button at the bottom of the page

Now go to your blog and see, if it didn’t get change clear the cache of your browser then refresh it.

Hope you enjoy it, if you have any questions or problem let me know

One thought on “How To Add Favicon In Blogger.com Blog”

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.