iWeb FAQ - Favicons
iWebFAQ.org
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.
Adding Favicons using iTweak
1. Create your favicon and save it as a .ico file naming it favicon (result: favicon.ico)
2. Open iTweak and go to Interface
3. In Favicon URL write http://yourbaseurl.com/favicon.ico or web.me.com/username/favicon.ico
4. As described in the application drop your favicon.ico file into the box and it will show up
5. Go to Options and check the “Add favicon” box.
6. Click on “Choose Published Site”
- If you publish to a folder choose the folder you publish to from iWeb
If you publish to MobileMe select your iDisk/Web/Sites/ folder where iWeb publishes to.
If you can’t choose the iDisk because you don’t see it go to Finder/Preferences/Sidebar and check the box near the iDisk
7. Hit “Process Site” and you’re done.
Note: You have to run iTweak every time you re-publish from iWeb.
What is iTweak? and what is it good for? Have a look at this page
For further information and download on guimkie.com
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 here. 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.
Thank you for visiting and supporting my website.
- Cédric -
