www.sitoo.com - Home

Search:

Select Software:

 

Favicon

Favicon stands for "Favorites Icon" and is the tiny picture shown to the left of the website address. It is also the icon shown under "Bookmarks" and "Favorites" if the page has been saved there, hence the name.

Favicon (Favorites Icon)

This is how you create a favicon of your own for your website:

Create an icon-file called "favicon.ico" that is 16x16 pixels. There are websites that can create a correct favicon file from an image. Then select "Tools" > "File Manager" and import the icon in the folder "Website Root" (it is important that you place it in this specific folder).

Add the following using a Code Relayer in the "Head Code"-field:

<link rel="shortcut icon" href="http://www.yourwebsite.com/favicon.ico" type="image/x-icon" />

Change the site address (http://www.yourwebsite.com/) to your own.

Note (troubleshooting): if the file is not uploaded, this is because Sitoo Web does not consider it a used project file and therefore does not add it to the list of files it intends to transfer, not to clutter the server with unnecessary files. In that case, the file has to be forced to upload. You can do that this way:

  1. Right-click the project name at the top of the content tree and select "Add page".
  2. Name the page "dummy" and use any master page.
  3. Right-click "dummy" in the content tree and uncheck "Include in menus".
  4. Edit the page "dummy" and write a couple of letters or a word.
  5. Select the word and insert a link to a resource where you select the icon file.
  6. Save the page and publish the website again.

This is how you add a Code Relayer in the master page or on a page:

  1. Select the page or master page on which you would like the code to be inserted on (Sitoo recommends the master page when you are creating a favicon).
  2. Click the "Edit"-button.
  3. Place the cursor anywhere on the page.
  4. Select "Objects" > "Miscellaneous" > "Code Relayer".
  5. Click the magnifying glass by the field "Head Code".
  6. Paste the code straight up.
  7. Click "OK" on all open dialogs.
  8. Save the page or master page.