Jun 302011
 


Many times I’ve come across blogs which have .com domain names but are hosted on Blogspot. Most of these blogs still have the Blogspot favicon beside the URL and Page Title. This somehow reduces the brand value of your blog. Here we shall see how a custom favicon can be added to your Blogspot blog.
favicon
This process of adding a custom favicon to your blogspot blog can be done even if you are using a .blogspot.com domain name. In fact it is totally independent of what your domain name is!
In the past when I had been looking for a technique to add my own favicon to a blogspot blog, I came across many tutorials which explained the process very well, but there was one problem. The Blogger favicon still remained as it was!

Here I’ll give you the latest and working method :

1.Go to any Favicon generation site like Favicon.cc and make your favicon. Then download it to your computer.

2.If you have a free account at some site like 110mb.com, upload the “favicon.ico” file to that account.

3.If you don’t have a free hosting account, make one now and upload the file. It would take just around 5 minutes (check the spam folder for hosting account confirmation).

4.Now go to EDIT HTML page of your blogspot blog. Just search for “html” tag using CTRL+F, and you will find the following piece of code :

6.Replace the URLs, Keywords and Description etc. and save the template.

Some added advantages of this method include added SEO benefits from the meta tags and Page title styling.

In addition to using this method for “blogger.com” blogs, you can also use the inbuilt custom favicon upload feature currently offered through “draft.blogger.com”. Just go to the Blogger-in-draft dashboard, open the layout page of the blog, and replace the Blogger default favicon with your own!


Samir Saurav Majhi
Samir is a Technology Blogger with several years of blogging experience in the areas of Computer Software, Web Browsing Tips, Windows 7, Blogging and Freelance Writing Tips. His major interests include Theoretical Physics, Genetics, Neurology and Philosophy.
Samir Saurav Majhi
  • http://vacuum-cleaners-guide.org Amanda Gordon@Vacuum Cleaners

    Coool! I never knew one could set a custom favicon even in blogger. I knew how to do it for our own hosted sites but did not know that it is even possible to do it in blogger.

    • http://www.indihow.com/ Samir

      Earlier the only way was to add extra code to the ‘head’ section of the layout. But now, using Blogger-in-draft you can simply upload a .ico (icon) file to blogger on the design page!

  • http://www.MattGuenther.com @guentherishere

    Thanks for sharing this tip! As a non-web-designer interested in web design this was one of the reasons I left blogger for wordpress. But a lot of my friends still use blogger and I think they would benefit from this.