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