Favicon is an icon associated with a particular website or webpage. Browsers typically display a page's favicon in the URL bar and next to the page name in a list of bookmarks. Browsers with tabs also show favicon next to the page title.
You can design your favicon online (supports uploading an image of your own also), or download one from free libraries on the web, like FreeFavicon and FaviconRUs. If you are aiming to recent browsers, your favicon can be of type PNG, ICO or GIF (also animated).
Once you got your your icon, it needs to be hosted somewhere on the web (Picasa, GooglePages, ImageShack, Photobucket etc.) and you must have an option to get a direct link to it.
Next thing is to include a reference on your website/blog. The following line should be added to your <head> section (replace http://myFaviconURL with the URL you have from the previous step):
<link href='http://myFaviconURL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
In Blogger’s template for example, search for the <title> section above the <head> and put it below:
<head>…
<title>…
<--- put it here --->
You are done!
1 comments:
Implemented it on my blog and it works! :-)
BTW, it works insteantly only with Firefox. Apparently IE has a known issue regarding this (you have to bookmark, then refresh - didn't try it yet though...)
Post a Comment