How To Add Favicon to Blogger Without Editing HTML

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