How To Add Favicon to Blogger Without Editing HTML

Posted by Lasantha Bandara on June 11th, 2011 File Under : basic30 Comments

Now can Blogger in Draft users to add a custom favicon for their blogs from the Design | Page Elements tab, by clicking Edit on the new "Favicon" setting above the navbar element.

For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog.

Blogger in Draft

Login to your Blogger in Draft account and go to the Design --> Page Elements.

Now click "Edit" on the new "Favicon" setting above the navbar element.

A new window will then open where you can select an image from your hard drive to replace the default favicon image.

Note : This initial launch only supports .ico files , but you can easily convert your JPEG, PNG, or other non-ico image file using your own image software. There are also many conversion tools online, and a quick Google Search brings up a handful of options such as

After uploading the images, click on "save".

Now you see your news favicon instead of Blogger default favicon.

Refresh your site few times and you can see your new favicon in your browser’s window or tab.

More info :

File Under : basic

30 Responses to “How To Add Favicon to Blogger Without Editing HTML”

  1. sam azgor says:

    some thing is error in my blog favicon option. hope blogger team will solved soon.

  2. Lovefortechnology says:

    not working with google chrome browser

  3. UnmotheredChild says:

    Hey this is great thank you so much. I didnt even know blogger draft existed!! WOOP WOOP

  4. moonimage says:

    Many thanks! Now I know about Blogger in Draft - more better dashboard then before )

  5. IlLusioN says:

    Preview in Dashboard Next Generation:

  6. Shah Wali says:

    in ad gadget no CONFIGURE FAVI ICON

  7. DvD4TutOriaL says:

    sorry but it doesn't work right i mean it will just appear on the browser but when you add the blog page to favorite the favicon will still blogger icon 🙂

  8. 臺灣沈 says:


  9. Malik Awais Ramzan says:


  10. Xtreamer says:

    Thanks AweSOme

  11. sarifhidayad says:

    knapa ga bisa masuk kk setiap di edit html gabis gagal terus gimana caranya sih

  12. ask-team7 says:

    sorry but it doesn't work right i mean it will just appear on the browser but when you add the blog page to favorite the favicon will still blogger icon.

    The same result with this response.

  13. ask-team7 says:

    It works, thanks

  14. Muhammad Arsalan says:

    very usefull

  15. Quiz Overflow says:

    Check it Out:

  16. Triyono says:

    pavicon is not work to mu blog. plese..

  17. Ebru says:

    Unfortunately it's not working on my blog...hopefully they will fix this!

  18. A.K.AGARWAL says:

    very good study material blog htttp://

  19. Basir Ramiz says:

    thanks alot

  20. iddinm says:

    Hello... i already follow your tip but it not working... still blogger favicon appear

  21. Wafaa Younis says:

    hi , when i do this to Upload custom favicon , this error come to me "Not a square image" plz help me fast

  22. englishindo says:

    Yes, this blogger favicon works perfectly, I use it without file .ico but i can use it by putting file .png, it's great.

  23. Ramin says:

    Working On My Site. Thanks

  24. Cindy @ Creating at Home says:


    I have a favicon installed, but it's not on a transparent background. It's got an ugly white square around it. Do you know how I can fix this? Thank you.

  25. AMD Radeon says:

    awh, i cant see mine 🙁 i have a customed template

  26. James says:

    oh owesome

  27. Godlove says:

    great tips.

  28. mgopna says:

    The tricks mentioned above seams simple, i have installed favicon in my blog by reading triks fromother sites and it is working.

  29. veena says:


    The favicon.ico should be 16x16 pixels.
    Please check the link for more details

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.