Widgets
Widgets are chunks of code that can be placed in your web page to extend the Propeller experience on to your blog or website. There are a couple of different widgets we have available now and we are looking to provide more later.
Syndicated Propping
Propeller’s syndicated propping widget makes it possible for you to embed Propeller propping right into your blog or website. Your readers can then prop your stories without leaving your site.
There are four available formats for the syndicated propping widget as shown below. All formats make use of CSS styling so you may apply styles to the widgets to better place them on your page.
| Format | Size | CSS Class | Sample |
|---|---|---|---|
| text | inline text | pvw-text |  |
| medium | 66 x 92 | pvw-medium |  |
| large | 150 x 126 | pvw-large |  |
| wide | 456 x 64 | pvw-wide |  |
First, include the following code in the <head> section of your page. Replace the string 'format' with one of the formats from the table.
<script type="text/javascript">
propellerVoteWidgetFormat = 'format';
</script>
<script type="text/javascript"
src="http://propeller.com/public/js/vote.js">
</script>
Then, wherever you want a propping widget, past the following code:
<a class="propeller-story"
title="[Title of page]"
href="[PermalinkURL]"
rel="[Tags,for,story]">[Title of page]</a>
where [Title of page] is the title you’d suggest for anyone submitting that link to Propeller, [PermalinkURL] is the link directly to that post, and [Tags,for,story] are tags you’d suggest for the story. The title is optional and tags are optional; the url is required. Do not use the same URL for each widget.
After the content on your page loads, voting widgets will automatically be inserted into your page.
Feedburner FeedFlare
FeedFlare is a feature offered by the Feedburner newsfeed service. Feedburner users can use FeedFlare to automatically place a footer at the bottom of each content item in their feeds.
Feedburner allows you to add a personal FeedFlare. Adding this flare will add a link to the end of each item in your feed: "Submit this to Propeller" if the post has not been submitted, or "PROP IT at Propeller. 123 Votes, 321 Comments" if it has.
To add the "PROP IT" FeedFlare to your feed:
Step 1: Log into your Feedburner account.
Step 2: Click on the feed to which you want to add the flare.
Step 3: Follow the "Optimize" link.
Step 4: Follow the link for Feedflare (currently in the left-hand column).
Step 5: Enter "http://propeller.com/feedflareunit.xml" to the Personal FeedFlare textbox.
Step 6: Click the "Add New Flare" button.
Step 7: Check the "Feed" box for the "PROP IT" FeedFlare.
Step 8: Click the "Save" button at the bottom of the page.
That's all there is to it! Now each item in your Feedburner feed will have either a "Submit to Propeller" or "PROP IT at Propeller" link at the bottom.
