What is a Favicon?
A favicon is the little picture in the address bar next to the url, to learn more about creating favicons visit Tutorials by Jennifer. As well as PhotoShop you can use Graphics Convertor to create your favicon :)
In this tutorial I am going to discuss adding the html code required to add your favicon to your iWeb sites, when hosted on the .Mac servers.
This tutorial is shown done with pictures, its a good place to start!
Step 1: Save your favicon somewhere online.
I am going to save mine in the iDisk/Web/Sites/iWeb folder of my iDisk, as shown:
Step 2: Note the url of your favicon’s location.
If you use the same location as i do, the the generic url is:
http://web.mac.com/YourUsername/iWeb/favicon.ico
Note: I have found that Safari doesn’t recognize my favicon.ico, but it does recognize favicon.png. Therefore I actually have two files, shown in Italics below.
Step 3: Launch MassReplaceIt and we are ready to go :)
Step 4: Define what to Find and what to Replace
I am going to FIND:
-
</title>
-
<link rel="stylesheet"
and REPLACE it with
-
</title>
-
<link rel="stylesheet"
Using <link rel="stylesheet" ensures that you do not update index.html files and slideshow files, it also ensures any pages that already have the favicon text don’t get updated a second time.
Don’t forget to replace YourUserName with your own .Mac username :)
It is best to Copy the text that you want to find directly from the html file, you only need to open it once, sometimes spacing can cause problems.
Step 5: Follow the steps below
View them as a slideshow!
Adding Favicons to your site
Enter your Find and Replace text strings
Files Tab - Click Add
Or select the entire folder for your site
Options Tab - No changes required
Mask Tab - Click Add
The mask I am using is Extension “is” html
Selected Mask shown here
The results of the query are shown
Save your query
Give it a name!
