HTML

Add RSS to your Website

How to add RSS to your Website

If you want to take content that is somewhere else and “embed” it into your web page you can do this with an RSS feed.

Step 1: Locate the content you want to copy.
In my case, I chose to copy from ThinkGeek.com. I then went to Google Feedburner https://feedburner.google.com and logged in with my Gmail account. I entered the URL of the website that I wanted to copy then clicked the Next button.

whatsnewgeek
Step 2: Create a Feed
After you click the button – this page will load that gives you the link to the feed and feed address.

feedburner

Step 3: Generate a code snippet of the feed that you’ll later insert into your web page.
Go to this website: http://rssfeedwidget.com/
In the first field, type the Feed Address (the 3rd box in the image above.)

rssfeelurlgeek

You can then change the color of the links, background, etc. and then click the Create Widget button at the bottom of the page. On the top right side of the page you will now see what the content will look like on your web page. If you want to adjust any of the colors or change the height and/or width of the area that will display the content, do so and then click the Create Widget button again.

creatingwidgetgeek

Look at the bottom right side of the page – just under the Widget Preview and you’ll see a little box of code. Place your cursor inside this box and double-click until all of the content is highlighted then right-click and choose Copy.

copypastegeek

Step 4: Insert the Code Snippet of the Widget into your Web Page.

Open up any of your existing web pages (or create a new one) and inside of the body tags, place your cursor and right-click then choose Paste.
pastecodegeek

Save your web page and you’ll now be able to see the RSS feed in your website. Here is a screenshot of what my web page looked like:

thinkgeekrssfeed
Now you know how to add content from other websites onto your own. There are many reasons why you might want to do that but this blog post is not going to cover that topic.

Next, I will work on converting the above to a mobile phone app using PhoneGap.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s