During my online RoboHelp classes, students frequently ask for ways to brand a generated WebHelp layout. There are multiple ways to add a corporate identity to a layout including customizing a WebHelp skin and adding a copyright notice within the footer of a master page.
While working with skins and master pages is easy enough, one of the fastest ways to brand WebHelp is also the easiest: add a Favicon. A Favicon is an icon that appears in a browser's address bar or next to the site name in a bookmark list. In the image below, you can see the title of a generated layout (Technical Communications) as it appears in a Firefox tab. Just to the left of the title is a generic Favicon.
To add your logo as a Favicon, show the Properties of a RoboHelp WebHelp layout (on the Single Source Layouts pod, right-click a WebHelp layout and choose Properties).
Select the General category and you'll find the Favicon field just below the Title Bar field.
Click the Browse button and open the Favicon image you'd like to use. In the image below, I've loaded a Favicon I created called IcoFile.ico. You can use png, ico, or gif images as Favicons.
Generate the layout and view the results. You'll see your corporate Favicon in the tab or title bar of the web page in place of the default image.
Looking for training on Adobe RoboHelp? IconLogic offers live, online Adobe RoboHelp classes each month.