How to add favicon to your website?

,

A favicon is a graphic image associated with a particular Webpage and/or Website.

Now the question comes, how to add a favicon to my website/webpage? To begin with, you will need a small icon that you wish to set as the ‘FavIcon’. It should be 16×16 in size. Once you have the icon ready, rename it to favicon.ico and upload it to your Server root folder, using Contribute through the option File-> Publish File from my Computer.

Alternatively, you can use the below code between the <head></head> (x)HTML tags to set the favicon even though the .ico file in placed in different location.

<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico"/>

How to add the code inside the Head tag? Browse to the page in Contribute, do File -> Actions -> Edit Page Source in External Application. Contribute displays the External Application Editing page and starts an external editing application. In the external application, make changes as necessary, and then save your changes and close the file or application. Please refer to the blog post, http://blogs.adobe.com/contribute/2010/05/edit_web_page_source_in_an_ext.html for more information on Editing in External Application.
Note: Simply changing the filename extension of an image to .ico without converting it to an ICO file will result in an error and not displaying the favicon.