How to add your own favicon to your blogger.com blog

To get your own favicon to your blog:

1. Store a picture you want to be the favicon in PNG and ICO formats in any web-accessible place. I used Google Docs for this because it allows to store any kind of files in public access.
2. Put in your template this code

   <link href="url/to/favicon.png" rel="icon" type="image/png"></link>
   <link href="url/to/favicon.ico" rel="shortcut icon"></link>

3. Notice that you must place the code above after

   <b:include data='blog' name='all-head-content'/>
   

   only. Otherwise blogger.com writes its own favicon and you waste your efforts.