homestead_faq's profileBrand User

677 Messages


44.6K Points

Wednesday, October 17th, 2012 3:22 PM

Sitebuilder Plus: Favicon

Sitebuilder Plus: Favicon

It is possible to have a custom icon appear in your visitor's bookmarks. You need to create an .ico file, insert HTML code to reference the .ico file, and add code so visitors can bookmark the site (add to their Favorites).

Note: The .ico file will appear alongside the URL only after a visitor has bookmarked the site. The .ico file will then appear in the address bar and in the list of bookmarks (favorites) next to the title of the site.

Creating the icon:

You will need to use an icon editor to create your icon.(Click here for a FavIcon Generator) The icon editor program can either convert an existing bitmapped image to ico file format, or create an icon with drawing/painting tools.

Follow these guidelines when you create the icon:

    • It must be 16x16 pixels in size.

    • It must be saved in the ".ico" format.

  • It must be saved as favicon.ico.

To import the icon:

    1. Login to your website account.

    2. Click Websites Manager in the left navigation menu.

    3. Click Edit Site.

    4. At the top, click on your domain name or site name. Then, click View File Manager.

    5. In File Manager, click Import and upload the .ico file into your root directory.

Adding the HTML reference:

Now you'll need to add the reference to the .ico file so a visitor's browser can call the custom .ico file rather than using the default browser .ico file.

    1. Open the "index" page in SiteBuilder and then click on Page Settings in the top toolbar and choose the advanced settings tab. You'll want to add the following code to the head tag section.

      For sites without an SSL (http)

      <link rel="shortcut icon" href="" />

      For sites with an SSL (https)

      <link rel="shortcut icon" href="" />

    2. Publish your website to have the favicon live.

5 Messages


302 Points

5 years ago

This reply was created from a merged topic originally titled How do I create a favicon in sitebuilder.

How do I create a favicon in sitebuilder? I created the .ico file in photoshop, then uploaded the image to filemanager, then placed the html in the html head area, but it still won't work???
Brand User

1K Messages


30K Points

This article should provide help to setting up the favicon inside of Sitebuilder Plus.

22 Messages


378 Points

2 months ago

Is it best to put this code before or after any other code within the mentioned HTML Header ( like an analytical property.

or is only 1 long Hotmail used with all or any added codes applied as the structure.

Brand User

10.5K Messages


141.3K Points

I don't believe it matters the order, as long as it is not attached to any other HTML code. There needs to be at least one line of space in between.