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.

Steps:

1. First you need to design/create/generate a favicon or get the ‘readymade’ favicons 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!

Some websites to generate/get favicons:

• Favicon.cc
• HTML-Kit.com
• FaviconGenerator.org
• Dynamicdrive.com
• HTMLKit.com
• FaviconGenerator.com
• Favicon-Generator.org
• Favicon.co.uk
• AnimatedFavicon.com
• GraphicsGuru.com
• FaviconGenerator.net
• Genfavicon.com
• FaviconTool.com
• Pingates.com
• Iconj.com
• FaviconCenter.com

Enjoy blogging!

You Might Also Like:

• How to Add 3-Column Footer to a Blogger(blogspot) Blog
• How to Add Digg Button to Blogger Posts

2 Responses to “How to Add Favicon to Blogger (blogspot)”

1. Symbian Master says:

   December 20, 2009 at 9:59 am

   thx so much!

   Reply
2. Arju says:

   January 8, 2010 at 10:02 am

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

   Reply