How to Embed an RSS Feed in Your Web Page

Embedding RSS feeds in a web page is certainly doable. However, it requires generating a JavaScript that will format how the RSS feed (the content sent out by the RSS source) is presented in your page.

A number of online resources are available for creating code to display RSS feed pages. One is RSSinclude. One advantage of using RSSinclude instead of other online RSS page-generator resources is that you can choose what kind of embedded code to use, and you also get the option of an iFrame tag.

RSSinclude offers free as well as pay-to-use templates for presenting RSS feeds. You do need to register with RSSinclude although you just need an e-mail address. After you register, follow these steps:

1

Find a feed from any news source.

You find these by searching for “news feeds” followed by whatever source or criteria you want to use (such as “news feeds sports” or “news feeds NPR”).

2

Copy the URL for the feed you select.

URLs for news feeds begin with feed://.

3

At the RSSinclude home page, click the Start button.

Choose one of the templates for presenting an RSS feed. Opt for one close to the style of your own site.

4

Click the Create Now link next to the template.

Paste the URL for your news feed into the Add Feed box and then click the Add Feed button.

5

Click the Content and Styling Options tab, and choose fonts, colors, and other options for how your RSS feed will display in your site.

Do your best here to match colors and fonts with your site.

6

Click the Save and Preview button (at the bottom of the page).

This saves (and previews) your selected options, but you haven’t generated code yet.

7

Click the Include tab. Here you can choose from a set of options for how you want to include the RSS.

A set of radio buttons on the Include tab provides options for what kind of code to generate: PHP, JavaScript, or an HTML iFrame tag.

8

Copy and paste the generated HTML into the body element (the visible part) of your own web page.

Generated code appears in a box on the bottom of the page.

9

Add, edit, and fine-tune your own HTML and CSS so that the embedded RSS feed meshes nicely with your page seamlessly.

The feed is embedded in a page with associated content and will update whenever the new source updates.

blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.