First, I created an icon "favicon.ico" of correct size 16 x 16 pixels and correct format (saved as a windows icon file using GIMP). Then I placed the icon in the home directory of my website as http://bettereducation.com.au/favicon.ico". If a visitor hasn't visited my site before, the first time the user visits my Web page, web browsers automatically search for this file and place the icon in the address bar, next to all favorites linking to your site, and on page tabs. In Internet Explorer 5 and Internet Explorer 6, the icon will appears only after a user adds the site to the Favorites menu. Otherwise the visitor needs to clear the browser cache in order to get this method working.

Then I moved to the second method for associating the shortcut icon with my website by adding a line of HTML code to the master page's head element. The line of code includes a link tag that specifies the location and name of the icon file. I saved the icon with a file name other than favicon.ico, and then added the following code to the head element of my master page. The most important thing here is to change the icon file to a different name rather than "favicon.ico". Otherwise the default or the old icon will be displayed.



Note 1) You can include this link tag on a per-page basis; 2) There is no need to specify the image type, eg. type="image/x-icon".

I have made a website and an icon similar to the hot tea.The size of the icon is about 10x10.When i uploaded my website that icon is not appearing.I have asked to lots of guys and also googled the solution but nothing.Please suggest me and solve my problem.Thanks in advance.