Pages

Tuesday, May 22, 2012

Add an icon to your URL


To add an icon to your URL:

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 
Upload the icon to your directory on line the same location of the index.html
Rename the icon on line to favicon.ico
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"></link> 

They all will look like this
<link rel="shortcut icon" type="image/ico"favicon.ico"></link>
<link rel="shortcut icon" type="image/gif" href="animated_favicon.gif"></link>
<link rel="shortcut icon" href="favicon.ico"></link>


Also just upload the favicon.ico to the root directory of the site all new browsers will find it.
It works with and Netscape7,  IE5 and up and Firefox

No comments: