Summary

Highlight a photo and make it fancy with a customizable ribbon. Great for real estate or restaurants – simply upload their image, include a description, and design the ribbon. We recommend this ad’s size being 300 pixels or greater.

Examples / Ideas

Here are some examples or ideas for this ad format:

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!

Inputs
Default
Description
Image
Default Value
The image to use
Width
300
The desired width of the ad, in pixels
Destination
http://broadstreetads.com
Where the user will be taken when they click the ad
Ribbon Message
Featured Listing
The message in the ribbon
Ribbon Width
220
The width of the ribbon. You may need to fine-tune this depending on the length of the ribbon text
Additional Message
Beautiful house with a tree growing through the porch. Asking $25k in a suitcase.
Any additional message to appear below the image
Ribbon Color
red
A CSS hex value or a basic color name
Ribbon Border Color
A CSS hex value or a basic color name

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="35513"]

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="35513"></div><script>
    (function(d, s) {
    // CLICK MACRO AND CONFIGURATION SECTION
    var destination = '%%CLICK_URL_ESC%%';
    // DO NOT EDIT BELOW THIS LINE
    var js, bjs = d.getElementsByTagName(s)[0];
    js = d.createElement(s); js.async = true;
    js.src = "//ad.broadstreetads.com/display/35513.js?sa=1&"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
        ? '' : '&destination=' + destination);
    bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>