How To Add Favicon to Blogger Without Editing HTML

Posted by Lasantha Bandara File Under : basic 30 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 http://www.icoconverter.com/.

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 : http://bloggerindraft.blogspot.com/2011/06/customize-your-favicon.html

30 thoughts on “How To Add Favicon to Blogger Without Editing HTML

  1. Preview in Dashboard Next Generation:
    http://commondatastorage.googleapis.com/leechermods/screenshots/favicon.PNG

  2. 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 🙂

  3. 現在微軟的網路瀏覽器也支援網址列小圖示了,剩下孤狗的網路瀏覽器還沒支援。

  4. 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.

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

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

  7. Hello!

    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.

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

  9. Hi,

    The favicon.ico should be 16x16 pixels.
    Please check the link for more details
    http://onlinedocs.info/how-to-display-your-web-site-logo-on-the-address-bar-and-in-the-favorites-list-favicon-ico

Leave a Reply

Your email address will not be published. Required fields are marked *

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