BlastCasta Feed Widget

The BlastCasta Feed Widget is a quick and easy way to allow your readers to make the best use of your feeds by providing many of our useful services in one place. With this widget, a user can subscribe to your feed through many common options, but also filter, combine, sort, and translate the feed, and embed the feed as a custom widget or ticker on their website or blog.

You can see the preview below and customize it with the given options.

Click on it!

Widget Here

Change the appearance to fit your style:

Feed URL

Choose an image or enter text as the widget button:

Text or HTML

Custom Image URL

Border Color

Background Color *

Button Hover Color

Text Color

Link Color

Open Links in New Window

Simply copy the script below and paste it into your web page at the location you would like it to appear. See advanced instructions in the section below.

Script Customization

If you want to have multiple buttons on the page or just want to learn how to customize the script above, just read through this quick explanation of the script.

To begin, the script you get from the textbox above contains two needed parts: 1) the JavaScript source for the widget, and 2) the HTML for the button or link that you want to use for this widget from which the drop-down menu appears. Now, you only need the JavaScript source (1) for the script to occur once in your page. You can have the button or link (2) occur as many times for the same or many different feeds on the page.

Below is some sample code showing the JavaScript portion of the script with explanations of the different custom variables. These variables allow you to customize the appearance of the widget. Note that the feed URL, which is important, of course, is provided to the widget in the button or link HTML code that is discussed later.

Sample Feed Actions Widget JavaScript code

Sample Feed Actions Widget JavaScript code

The custom variables within the BCFWInit() JavaScript function are the ones to customize and you should only change the six character color codes and avoid changing the string delimiters around them. The BCFW_NewWindow variable should have only a value 1 or 0, where 1 means that clicking on a widget link opens it in a new browser window, and 0 means that a clicked widget link opens in the same window. More details in the box below.

Variable	Explanation
BCFW_BorderColor	The color of borders around the widget menu, link buttons, and separators. It should be a six-digit hexidecimal color code, for example #808080.
BCFW_BGColor	The background color of the widget menu and also link buttons. It should be a six-digit hexidecimal color code, for example #F0F0F0.
BCFW_ButtonHoverColor	The hover over color of the link buttons. It should be a six-digit hexidecimal color code, for example #E0E0E0.
BCFW_TextColor	The color of all text in the widget that's not a link. It should be a six-digit hexidecimal color code, for example #000000.
BCFW_LinkColor	The color of widget text links. It should be a six-digit hexidecimal color code, for example #0000FF.
BCFW_NewWindow	Specifies whether links in the widget open in a new window. It should have only a value 1 or 0, where 1 means that clicking on a widget link opens it in a new browser window, and 0 means that a clicked widget link opens in the same window.

While you only need the JavaScript portion to appear once on your page, on the other hand, for each text link or button you have on your page, you'll need an anchor tag as shown below:

<a href="http://www.blastcasta.com/feed-landing.aspx?feedurl=< Escaped Feed URL >&inheritstyles=1" onclick="BCFWToggle('BCFW< Unique Number Here >', this, '< Feed URL >'); return false;">< Image or Link HTML ></a>

The red portions should be replaced with your customizations as shown in our example below:

<a href="http://www.blastcasta.com/feed-landing.aspx?feedurl=http%3A//www.blastcasta.com/rss.aspx&inheritstyles=1" onclick="BCFWToggle('BCFW87756435', this, 'http://www.blastcasta.com/rss.aspx'); return false;"><img src="/images/feedreaders/bcfw.gif" border="0" /></a>

The important item here is that if you have more than one widget on the page, then the unique number portion of the above HTML, should be unique for each.