A Favicon is a 16×16 pixels PNG or GIF image that you see at the beginning of the address line and bookmarks too. Below are the pictures of before and after installing the favicon.
Here’s how you install it.
Create 16×16 pixels PNG or GIF image that represents your blog. You can do this by using Paint. First you create a normal size of the picture. Then use the Stretch and Skew function to reduce the size to 16×16 pixels. You can check the size using Attributes function. Save the 16×16 pixels image as favicon.ico file.
Upload the file to you blog under root folder. The root folder is actually referring to “public_html/”. So login to cpanel –> file manager –> public_html and upload the favicon.ico file. Go to “Theme Editor” of your wordpress and click on “header”. Include the following codes after <head> or before </head>
<link rel=”shortcut icon” href=”http://www.XXXXXX.com/favicon.ico”>
<link rel=”icon” href=”http://www.XXXXXX.com/favicon.ico”>
Replace XXXXXX with your domain name. Click the “Update File” button and refresh your blog. Your icon should be appeared if all are done correctly.