Adding Custom Banner Images

This section explains how to add custom banner images to Presence
Builder’s image library, and make them available for selection in the
editor.

Suppose, you have an image file with the name jungle.jpg, and you
want to add it to the editor. Do the following:

1. Resize the image to 960 pixels in width and 250 pixels in height.
   Convert the image to PNG format, and save it as header.png.

2. Create a copy of header.png, resize it to 200 pixels in width,
   and 57 pixels in height. Save it as preview.png.

3. Connect over SSH to the hosting server.

4. Locate the directory /sb/htdocs/headers/, and create a
   subdirectory with the banner name. For example,
   /sb/htdocs/headers/jungle_01.

5. Upload the header.png and preview.png files that you prepared
   to the directory /sb/htdocs/headers/jungle_01/.

6. Locate the directory /sb/resources/. It should contain the file
   customHeaders.xml.

   If the file is missing, create it and insert the following lines into
   it:

   <?xml version="1.0" encoding="utf-8"?>
   <headers>
       <header id="jungle_01">
       </header>
   </headers>
   

   If the file is present, add the following <header> node to it:

   <header id="jungle_01">
   </header>
   

7. Add keywords for the image.

   Keywords are used for the following purposes:

   • Binding of images to website topics. When a new site is
     created based on a website topic, the editor searches for banner
     images that may be relevant to the topic, and adds one of them to…