Google+

Thursday, May 5, 2011

Add Icon to webpage url





To add an icon to your URL:

  1. You need an icon. There are plenty of icons on your pc to pick from. Use windows search and look for *.ico Or you can create one go here
  2. Upload the icon to your directory on line the same location of the index.html
  3. Rename the icon on line to favicon.ico
  4. Add both lines below to the head of your index.html page
<.link rel="icon" type="image/ico" href="favicon.ico"><./link>
<.link rel="shortcut icon" href="favicon.ico"><./link>



Also you can add an animated icon, just create an animated gif 16 x 16 and upload it to the root directory and add this code. It works only with Firefox browser. 


<.link rel="shortcut icon" type="image/gif" href="animated_favicon.gif">


They all will look like this 


<.link rel="shortcut icon" type="image/ico"favicon.ico">
<.link rel="shortcut icon" type="image/gif" href="animated_favicon.gif">
<.link rel="shortcut icon" href="favicon.ico">



Also just upload the favicon.ico to the root directory of the site all new browsers will find it.

0 comments:

Post a Comment