Add the reference for your favicon to your Blogger template
The final step to creating a custom favicon for Blogger is referencing the favicon in your Blogger template code.To do this, go to Layout>Edit HTML in your Blogger template. You do not need to check the “Expand widget templates” box.
Search for the closing
</head> tag in your template using your browser’s search function.Immediately before this line, paste the following section of code, substituting YOUR-FAVICON-URL for the URL where your favicon is hosted:
<link href='YOUR-FAVICON-URL' rel='shortcut icon'/> <link href='YOUR-FAVICON-URL' rel='icon'/>
Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address and in the bookmarks folder (if you have bookmarked your site).
Note: it is very important that you paste the favicon tags just before the closing </head> tag, not earlier in the template code. This is because Blogger generates favicon tags when your blog pages are generated which would otherwise override your custom favicon references.
