How to add Favicon to your Blogger Blog

You must already be knowing that all your Blogger Blogs have the Favicon of the Blogger logo which you can see above. This is the Favicon which is seen next to your website’s URL in the browser. It is also known as pageicon or urlicon.  You may wish to change this favicon with your own logo. This will help your viewers to easily identify your site. Changing the favicon involves simple HTML technique.

  1. First of all you need to design your logo. You can save the image to your hard disk in JPG or GIF format.
  2. Next step is to upload this image in any .ico hosting sites. You can find many sites which host .ico files when you search in Google. Click here to create your Favicon and upload it.Upload the image in the free hosting site and get the URL.
  3. The URL would be like If you upload it at iconj, you will be provided with a HTML code like this one “<link rel=”shortcut icon” href=”http://www.iconj.com/ico/x/g/xgd0cr2pos.ico” type=”image/x-icon” />”
  4. Now go to Dashboard–>Edit Layout–>Edit HTML
  5. 5.Press Ctrl+F and find this code “<title><data:blog.pagetitle/></title>
    Place the code which you obtained for the icon just below this code.
    This is it. You are done with adding the Favicon to your Blog. If you still have any problem, you can ask me.:)
  • http://www.auto-power-girl.com Carla

    This is a page that I should provide to my brother, today he asked me to make a favicon for him and to tell him how to add it, I made it and tomorrow I’ll show him how to add it.
    Thanks for sharing this little but also important trick.

    • http://www.blogotechblog.com Lalit Indoria

      I’m glad that it was useful to you! :)