Add favicon on Blogger

What is a favicon?
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 (or 32x32) pixel square icon associated with a particular website or webpage.

Now how to do it on blogger :

Go to Layout | Edit HTML and find . Paste the following code right after but before tag. It should look like this:

</b:skin>
<link href='URL of .ico file' rel='shortcut icon' type='image/x-icon'/>
<link href='URL of animated .gif file' rel='icon' type='image/gif'/>
</head>

Remember: Here we use two files (.ico & .gif) because old internet browsers like Internet Explorer cannot display an animated favicon so we need to add a .ico file for this purpose.

Note: You can use a 32x32 .ico or .gif image file.