8-5-2013 9-20-16 AM.pngThose of you who have already upgraded to 6.0 have experienced the strengths of our customizable activity streams and notification functionality. Many of you, like me, however, have wondered about the white space under the streams. That area can't be controlled through the Overview Page editor, and it seems to be a wasted opportunity for promoting content, groups, events, etc. inside of the community. Obviously, you don't want to go hog-wild and clutter up the page, but including a single clickable image could be an excellent use of the space.

 

For those of you on the cloud - with its streamlined customization options - this isn't an option for you at this time, but for the rest of you in hosted and on-prem installations, just follow these quick and easy steps to place a "banner ad" below the activity streams:

 

  1. You'll need full access admin privileges to make these updates, so if you don't have them, make sure you work with someone who does.
  2. You're going to be adding two system properties - one for the image source, one for the URL - and making an update to a template in the theme.
  3. Prior to making any theme changes, make sure you have a banner image to use (190px wide) and a URL for it to link to. Upload the banner image where you normally host your assets (including uploaded through the Manage Files link on an HTML widget).
  4. Inside your admin console, navigate to System > Management > System Properties.
  5. Scroll to the bottom of this page to Add new properties.
  6. For the first new property, add leftnav.home.promo.url as the Property Name and the URL for the Property Value. Click Save Property.
  7. For the second, add leftnav.home.promo.img as the Property Name and the path to the image location for the Property Value. Click Save Property.
  8. Now navigate to System > Settings > Themes.
  9. Under Available Themes, click the pencil to edit your theme. If you have more than one theme, select the one highlighted under Global Theme Map.
  10. Check under Custom Templates to see if /soy/welcome/welcome.soy is already in use. If it is, click the pencil to edit it.
    1. If it doesn't appear under Custom Templates, select it from the long list under Create Custom Templates.
  11. Inside the /soy/welcome/welcome.soy template, search for the following:

    {elseif $homeNavHelper.tryJiveLink and $homeNavHelper.tryJiveLink.visible}
          {call jive.try_jive.tryJiveLink data="$homeNavHelper.tryJiveLink"/}
    {/if}

  12. Paste the following code immediately below this code:

    <div style="margin-top: 0px; padding: 0px;"><br /><a href="/blog/{getJiveProperty('leftnav.home.promo.url','')}"><img src="/blog/{getJiveProperty('leftnav.home.promo.img','')}" /></div>

  13. Save the template.
  14. Navigate back to your community home page and refresh. You should see the new image below your left navigation.

 

Should be as easy as that. Has anyone one else tried a similar approach? I'd love to see a screenshot, and let me know if you have any questions about this process.