Knowledge Base > Syndication Services > Editor's Desk and Widgets
Search the Knowledge Base
 
Date Modified
Monday, July 07, 2008
Widget How-To's - Customizing a Widget Footer

This Knowledge Base article only applies to premium Editor's Desk accounts. A premium level account allows for customization of the HTML, CSS, and JavaScript of your widgets. If you'd like more information about how you can take advantage of this more robust version of Editor's Desk, please contact Craig Lachman. His contact information is included in the confirmation email that was sent to you when you signed up for a basic Editor's Desk account.

 

 

In the Template HTML pane of your widget, simply perform these two steps:

1. Create a custom footer.

The custom footer code should be placed at the beginning of the widget HTML, and will look much like the following:
{stringify CustomFooter}
 <div class="footerClass">
  <a onclick="${ShowGetThisJS}"><img src="GetThis.jpg"></a>
 </div>
CustomFooter
Although you don't see it, the default footer code looks like the following. If you want to only make small adjustments to the widget footer, you can simply copy this into the CustomFooter tags like so and make modifications there:
{stringify CustomFooter}
<div class="buzzFooter" style="width:100%; padding:0px; background-color: #EEE;"> 
 <div style="float:left; width:66px; background-color:#eee;">
  <nobr>
  <a title="Get This" style="cursor: pointer;" href="javascript:void(0)" onclick="${ShowGetThisJS}">
  <img border="0" style="margin: 3px;" alt="Get This" src="${BuzzAppUrl}/images/getThis_grey.png" /></a>
  </nobr>
 </div>
 <div style="float:right; text-align:right; padding:7px 4px 0px 3px !important; padding:4px 4px 0px 3px; width:55px;">
 <img border="0" style="cursor: pointer;" onclick="window.open(\'http://www.newsgatorwidgets.com\')" 
 src="${NGBaseUrl}/NGBuzz/Images/PoweredbyNG.gif" alt="Powered by NewsGator" />
 </div>
 <br clear="all" />
</div>
CustomFooter

2. Call the custom footer.

By default, the widget footer function call will look like this. It is located towards the bottom of the widget HTML code:
${% getBuzzFooter() %}
To call your custom footer, change it to:
${% getBuzzFooter({footerTemplate:CustomFooter}) %}


If you have additional questions, or need personalized help on this topic, please send an email to Private Label Support.


Knowledge Base Software - myKB.com