Add an Icon to your OpenSocial App

As we proceed towards our OpenSocial release, we've spent a lot of time polishing up the user interface. In a number of places we display your application name along with an icon.

Up to now we've used a small gear. In our next developer release, you'll be able to change your icon. You need to modify the icon attribute of the ModulePrefs tag. You should specify a URL of a 15x15 image; note that while .ico does not work on IE6, so .gif or .png is required. To make things really easy you can just add a reference to your existing favicon file, in the appropriate format.  Here's a snippet of code that shows how to specify the icon:

  <ModulePrefs
         [other attributes]
         icon="http://images.hi5.com/images/favicon.gif"/>

Once you add your icon attribute, use the developer console to 'Refresh' your application.  After that, your icon will appear in many places throughout the hi5 site.