A ribbon across the top of the page with a message inside it. Useful for announcements, special sponsors. Very customizable.

Supported Sizes

Setup / Inputs

These are the fields / inputs taken to generate this ad. In general, inputs are not required. That said, these inputs are how you customize the ad!

  • Text: The message that will be displayed to the user inside the ribbon. You can use HTML.
    Default value:
    This is a completely customizable message!

  • Destination: Where the user will be taken when they click the ribbon. Use '#' for no destination
    Default value:

  • Static Position: If 'Yes', the ribbon will overlay the very top of the site. This will work with most sites. If 'No', it will attempt to inject the ribbon in the first position of the page.
    Default value:

  • Ribbon Color: The CSS color of the ribbon. Can be a basic color name like 'green' or a hex value
    Default value:
    #5EB3FF (more on color values here)

  • Text Color: The CSS color of the text. Can be a basic color name like 'white' or a hex value
    Default value:

  • Text Size: The size of the font in the ribbon. Can be in pixels, '16px', points, '16pt', or any other CSS value
    Default value:

  • Text Bold?: Whether or not the text is bold
    Default value:

  • Font Family: The font of the text. Inherits the page's default font if you leave it empty, but you can set something like 'Arial' or 'Verdana' here. Web safe fonts only.
    Default value:

  • Padding: The padding, or breathing room between the text and ribbon border
    Default value:

  • Show Close: Allow the user to close the ribbon for the time specified in the Timeout Limit
    Default value:

  • Timeout Limit: The number of seconds that should pass before the ribbon is shown again
    Default value:

Embed An Example In Your Media Kit

Customers who wish to embed the example on some "Media Kit" page on their website can do so in one of two ways:

  • Option 1: If you have Wordpress and the Broadstreet plugin, you can use this shortcode anywhere in any post to render the example.

    [broadstreet ad="30366"]
  • Option 2: If you do not have Wordpress, or choose not install the Broadstreet plugin, you can embed this javascript code snippet into your post:

    <div street-address="30366"></div><script>
    (function(d, s) {
      var destination = '%%CLICK_URL_ESC%%';
      var js, bjs = d.getElementsByTagName(s)[0];
      js = d.createElement(s); js.async = true;
      js.src = "//"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
          ? '' : '&destination=' + destination);
      bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>