by Michael Dominic

 Comments (2)

Created

June 1, 2011

,

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.

COMMENTS

  • By Neale Gilhooley - 12:48 PM on June 1, 2011   Reply

    Thanks, very helpful as I have been looking for the definitive method of doing this via Contribute, for our own website and for Clients sites if/when requested. I’ll give it a go!
    http://twitter.com/EvolutionDezine

  • By jana - 5:50 PM on October 20, 2011   Reply

    Lost the Photoshop plugin required when updating to CS5. Maybe a useful file format to add to save/export options? Is Contribute replacing Dreamweaver?

ADD A COMMENT