It seems to be all the rage these days, having a Favicon showing in the address bar of your site. You may be surprised to learn that getting on there is really easy. Follow the tutorial below to see how you can add a little bit of colur to your visitors address bars.
To start with you need a image editor that is capable of saving images in the ‘ico’ format. Alternatively, pay a visit to one of the many sites that have inbuilt favicon generators.
For this tutorial you are also going to need a text (HTML) editor.
Ensure the latest version of your site is ‘Published to a folder’ and then open that folder. Copy your chosen favicon into the folder.
Open index.html in your text editor of choice and after the ,<title>Your Page Title</title> tags add another line.
In that line type (or copy) the following bit of code.
<link rel=”shortcut icon” href=http://yourwebsite.com/favicon.ico />
<link rel=”icon” href=http://yourwebsite.com/favicon.ico />
Obviously you have to replace the path name with your web-site url and make sure that you saved your icon as ‘favicon.ico’.
Now all you have to do is publish your site. Everytime someone visits your iWeb site or adds you to their bookmarks, your favicon will show up in the address bar.
(Unfortunately this has to be repeated everytime you edit your home page. However you can set-up and save a search in MassReplaceIt and apply it everytime you publish your site.)