How to Add Favicon to Blogger (blogspot)

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! :)

1 comment:

Since this provide a free Backlink to you. feel free to comment and get a free Backlink.

Subscribe to: Post Comments (Atom)