When you open a web site, if that site is using a favicon then you can see a small icon picture at the address bar or at the browser tab. The full form of the favicon is favorite icon. Favicon is also known as shortcut icon, bookmark icon etc. Websites can create a unique identification with the favicon. Any picture with 16×16 or 32×32 and 8-bit or 24-bit colors can be use as a favicon. The format of the image must be one of PNG, GIF or ICO. But Internet Explorer can only understand ICO format for favicons.
You can set a favicon for your site. It can be a unique identification of your site. Like a small thumbnail of you. There are two methods to set a favicon. In the first method you have to just put a favicon.ico file to your site’s root. All the major browser can fetch and show the favicon from the root. The other method is more sweetable and recommended. You have to write some html code in the head section of your site to set your favicon. In this way you can put your favicon in any folder structure. You have to just put the right picture file path at the href attribute.
<html> <head> <title>My Web Page.</title> <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon" /> </head> <body> <!-- Body part goes here. --> </body> </html>
In wordpress.com I have no direct access to my html nor the site’s root. So how can I put a favicon in my blog? The answer is wordpress.com has a built in place for favicon. You can upload your favicon there and wordpress.com will show them in your site. The place is called Blavatars. After uploading you can crop your picture for fine tuning. Now I have configured my favicon for my blog site.