This is a simple tutorial to solve the favicon issue for your website address bar. First you need to create an icon as .ico formatted.
You can use some website as you wish.
I should recommend you to use http://www.favicon.cc website. This website gives you some extra features.
Then download favicon as .ico format.
Now upload it to your website root directory.
Then now you need to edit your index file in WordPress website find “Header”
(header.php) from theme edit option. This is the path of theme edit Appearance > Editor > header.php Find there head area before </head> just past this code:
<link rel="icon" type="image/ico" href="favicon.ico"/> <link rel="shortcut icon" href="favicon.ico"/>
This is the only way to use in HTML static page.
If you want upload favicon.ico into your media with WordPress then you need to use this code instead of first one. Please check the code properly. There has http://onlinefreetv.net/uploads directory you must remove it and put your own website URL.
<link rel="icon" type="image/ico" href="http://websitetutorial.info/wp-content/uploads/2014/05/favicon.ico"/> <link rel="shortcut icon" href="http://websitetutorial.info/wp-content/uploads/2014/05/favicon.ico"/>
Note: Don’t forget to change icon image link http://websitetutorial.info/wp-content/uploads/2014/05/favicon.ico to your own link, you can add .png image in this strategy.
If you have any question regarding this issue, then please comment below for getting help. And watch this video understand easily.