Many websites have little images before the http, like apple has the apple logo. How do you put one of these icons into your own website so you don't only have the blue dot?

Those little icons are called favicons.

How do I add a Favicon to my website?

Usually it is enough to put the favicon.ico file into the root of your server using your FTP application. That is without needing any code to be added to your html files.

Entering yourdomain.com/favicon.ico in your browser would display the favicon in your browser if you placed it to the right location. This doesn’t work for MobileMe.

If that doesn’t work it really isn't a good idea to add the code manually to every single page every single time you publish... There's a really easy to use tool for adding favicons. It's freeware and it's called iTweak.

If uploading the favicon to the root of your server doesn’t work

You will have to add an HTML code to each of your pages.

How this is done is described in my iWebFAQ.org E-Book.

Note 1: Please note that the favicon.ico has to be 16x16 pixels. If it’s 32x32 pixels it might not appear in some browsers.

Note 2: If you're using photoshop for creating the 16x16 pixel image download this and add the unzipped file to "File Format" folders. Search for them with spotlight. You then will be able to save your .ico image directly from photoshop.

iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s presented by Cédric and hosted by HostExcellence.com

I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.

Thank you for visiting and supporting my website.

- Cédric -