In any other method, to change favicon you need .ico file. But here u can use any photo in any format as a favicon. So enjoy and follow the steps ...
First of all you have the image you would like to use as your favicon, go to
your Blogger.com blog and create a new post. It does not matter what you
call it since you don’t need to publish it. Once you have created a new
post use the image upload button to upload your favicon to your
Blogger.com blog.
Once you have uploaded the image, you will need to switch to “Edit HTML”
mode if you are using the “Compose” mode. Once you are looking at the
HTML you will see something like this:
You need to copy the part in quotes right after src. In this case it would be:
Now past it into Notepad.
You don’t want to lose this and you will be closing the Blogger.com editing window next.
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd81tSecUkUkaluiflYsQVj2yx7cPbTVnTDH04NLTBbj4Ex3HTcF7ki3EmE6Yw0iw5pIwg2QfR41xxiwLPygFJ9Wi0hyphenhyphenpRkXIj9qqw3V4jmbRcyeT8r_8bc01tuZfyAJ0Q2gCRn9mfaini/s400/favicon.png"
alt="" id="BLOGGER_PHOTO_ID_5212704798569567682" border="0" />.You need to copy the part in quotes right after src. In this case it would be:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd81tSecUkUkaluiflYsQVj2yx7cPbTVnTDH04NLTBbj4Ex3HTcF7ki3EmE6Yw0iw5pIwg2QfR41xxiwLPygFJ9Wi0hyphenhyphenpRkXIj9qqw3V4jmbRcyeT8r_8bc01tuZfyAJ0Q2gCRn9mfaini/s400/favicon.png.Now past it into Notepad.
You don’t want to lose this and you will be closing the Blogger.com editing window next.
<title><data:blog.pageTitle/></title>
and immediately after that add the following code...
<link rel="shortcut icon" href="URL of your icon file"/>
Now replace URL of your icon file with address which you save in notepad.
Now reload your blog and you will find your own favicon ... :)
