How to Add Favicon to Blogger (blogspot)


How to Add Favicon to Blogger

By default a blogspot blog contains Blogger logo as its Favicon. Using your own favicon helps you to build a brand for your blog. This post explains how to add a favicon to your blogspot blogs.

How to Add Favicon to Blogger:

  1. First you need to design a favicon using image editors or online from the web(preferably 16×16 size).
    (list of such websites are given at the end of this post)
  2. Go to Blogger Dashboard – select Layout – click Edit HTML
  3. Then Search(Ctrl+F) for the code given below in the header section
    <b:include data=‘blog’ name=‘all-head-content’/>
  4. Add the code given below right after the above line:
    <link href=‘YOUR FAVICON IMAGE URL’ rel=‘icon’ type=‘image/vnd.microsoft.icon’/>
  5. Finally Save your template. You should see the favicon in your blog now. If not, clear your web browser cache and load your blog again! :)

Some websites to generate/get favicons:

Enjoy Blogging! :)



You May Also Like:

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

4 Responsesto “How to Add Favicon to Blogger (blogspot)”

  1. Symbian Master says:
    December 20, 2009 at 9:59 am

    thx so much!

  2. Arju says:
    January 8, 2010 at 10:02 am

    Thank you.
    http://arjudba.blogspot.com/2009/12/how-to-add-…

  3. Khan says:
    May 15, 2011 at 7:56 pm

    it does’t work on my blog
    (Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “href”.)

    that msg apears…….
    Would u help me plz.

  4. Shafar says:
    May 21, 2011 at 8:24 pm

    @Khan
    I made some changes. It’s working now, please try again.

Leave a Reply