Favicons are the little images that appear on the browser when you visit a webpage and dpending on the browser you use they might be on top of the url, or left of the url, or next to the name of the site on bookmarks, or on the browser tab. It is a very good way for the eye to intuitively difirentiate bettwen websites. Imagine your self when you are browsing and you have 10 tabs open. You do not remember which tab is which and you certainly do not read the site's title on the tab. What you do, is check for the symbol of the site that you want to view among the open tabs and click on it. The same applies for bookmark lists and so on. As you understand this is a way to characterise your site and give it a more unique look and feel that immediately catches the eye of your reader. This is more important to blogs that tend to have a generic look and feel. Why have the wordress logo or the blogger logo as a favicon when you can have your own.
Using your own favicon is very simple. The only restriction s that you have to create either a 16x16 image or a 32x32 image. This can be eiher an .ico a .gif or .png format. Depending on the format you us another way to use.
Lets say that you have created your favicon image. If you host your site somewhere you have file access then you just upload it on there and note down its direct url. If you use a blogging platform you can host your image on a free image host like imageshak and note down its direct url. After that you are ready to place it on your site. Edit your site's code and just after the title tag in the the head tag enter the following code depending on the image format you use:
< link href=’image url’ rel=’shortcut icon’ type=’image/x-icon‘/>
< link href=’image url’ rel=’shortcut icon’ type=’image/gif‘/>
< link href=’image url’ rel=’shortcut icon’ type=’image/png‘/>
That's it. Enjoy your new favicon.
0 Comments:
Post a Comment