Favicon

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.

MyFavicon
MyFavicon

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.

blavatars
blavatars
Advertisements

One Reply to “Favicon”

  1. Magnificent beat ! I wish to apprentice while you amend your website, how
    could i subscribe for a blog web site? The account aided me
    a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s