How to put the favicon?

HEY,haha how could we do a lovely FAVICON by yourself and put it in the blog actually what's that,that's the logo(something like this--->)

<-- it has the picture of the BLOGGER orange color would you see that?

Yea,cool right,so lets get started!!!!

Firstly,go to Design then go to Edit HTML then click Expand Widgets Templates 

Second you need to find these codes--:> <title><data:blog.pageTitle/></title>

Then add these words after that words we found-->

<link href='YOUR Photo URL/Direct Link' rel='icon' type='image/x-icon'/>  

Then you just add yourS photo URL in it then you had to preview it first then if you see it,FINALLY you had DONE IT! I hope you guys could make it!