A Simple Way to Add Free News Content to Your Website

A challenge that many website owners face is how to supply continuously fresh content for new and repeat visitors to peruse.

It can be a very time-consuming task to manually upload regular updates. Fortunately, there is an easy way to showcase free, readily available news content on a wide variety of topics.

We will examine a quick and effective method of incorporating RSS (Really Simple Syndication) coding in order to add news content to any site. First, let’s look at what RSS is, and how it works.

RSS is an online coding solution that delivers automatic updates for Web content. Say, for instance, you add an RSS code for international news to your website from a popular source, such as CNN, Reuters, or the BBC. Visitors would be able to access new content links as often as the source updated their news feed. In other words, you get the benefit of presenting the very latest desired information online, with no effort on your part.

Due perhaps to a misguided perception that it is difficult to add the necessary coding to make RSS work within a website’s framework, it remains an extremely underutilized resource.

A typical RSS newsfeed (this one from the BBC) looks like:

http://feeds.bbci.co.uk/news/world/rss.xml

When the XML document is updated by the BBC, the new information is automatically displayed on any website that has incorporated the above URL to obtain World News.

You can find RSS feeds all over the Web; just look for the small orange icon with a dot and two waves above it. The very latest data is available on diverse subjects ranging from international news, to financial updates, to reports on innovations in the food and drink industry, to the latest updates on plants and gardening.

So, now that we have a better understanding about RSS and what it can do, let’s move on to finding out how to incorporate the correct coding into a website in order to gain the noted benefits.

Google Feed API

Google has developed an exceedingly convenient method to display RSS feed data, via their Feed API feature. Using this technique, you can showcase any newsfeed by incorporating some simple Javascript lines into a web page.

To begin utilizing the Feed API, insert the following script into the Head section of your web page, beneath the meta tag area and just in front of the closing Head tag:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>

<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

#feedControl {
margin-top : 10px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 12px;
color: #9CADD0;
}
</style>
<script type="text/javascript">
function load() {
var feed ="http://feeds.bbci.co.uk/news/world/rss.xml";
new GFdynamicFeedControl(feed, "feedControl");

}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>

Then, insert the following code into the desired area of the web page:

<div id="body">
<div id="feedControl">Loading...</div>
</div>

After uploading the web page to the Internet, you should see the following addition:

The width of the four-stack vertical dynamic newsfeed is set at 440px by default, but it can be adjusted based on the size constraints of the given area within the page, or the HTML table, in which it is placed.

The newsfeed pointer rotates continuously between the news items, displaying a link and short summary for each.

Feed Customization

You can manually change the coding variables in the following expression:

#feedControl {
margin-top : 10px;
margin-left: auto;
margin-right: auto;
width : 440px;

As noted, you can raise or lower the set width of the display. The margins can also be adjusted. If, for example, you want to create more space at the top of the newfeed box, the ‘margin-top’ expression can be upped to 20px, or higher.

Changing News Sources

The newsfeed can also be updated to accommodate a new source very easily.

Say that you got tired of the BBC feeds, and instead wanted to incorporate news from CNN. The required adjustment would be made to the following line:

var feed =”http://feeds.bbci.co.uk/news/world/rss.xml”;

The CNN RSS code would be substituted so that the line looked like:

var feed =”http://rss.cnn.com/rss/edition_world.rss”;

A similar adjustment to display an international newsfeed from Reuters would entail the following change:

var feed =”http://feeds.reuters.com/Reuters/worldNews “;

Conclusion

As this brief tutorial demonstrates, it is both quick and easy to incorporate a newsfeed into your site. The above coding can be inserted into the home page, or any interior page.

Once you get the hang of integrating the Feed API coding into your site, take a look at some more feed options by going over to https://developers.google.com/feed/.

SHARE THIS POST
  • http://www.facebook.com/marjolein.vaneijndhoven Marjolein van Eijndhoven

    clean and understandable blog about RSS-feed and how to use it in your website. I’ll give it a try!

  • http://www.justwordpress.net/ justwp

    adding new content is always a good idea, just as long as the content you add is original and unique.. why bother copy /importing fresh content from bigger sites? you will never outrank the bigger players

    • http://www.web-development-blog.com finalwebsites

      The Google snippet shows news only on the client site, the googlebot will not index the content.
      Anyway nice idea to show interesting content to your visitors. David do you tried to change the style for the whole box?

    • http://twitter.com/SEODave Dave Colgate

      Completely agree. This method would carry little if anything in terms of SEO. Much, much more beneficial to put in the effort and create high quality, unique content. That really will get you traction in SERPs. Nice post though, although I don’t agree with the content! ;)

      • jeff_DD

        True, you are not going to get an SEO boost from this however any site that is useful to its community is certainly going to get plenty of shares via the social channels. Adding something like this can definitely help with that, if you are providing value to your community.

  • Beben Koben

    it’s mounted on my blog this feature :D

  • http://www.think360studio.com/ Think360 Studio – Web Design

    Hello everyone. This article is really informative, and moreover the article is given in a very easy language which is very easy to follow. Thanks for sharing this valuable article with us.

  • wookietv

    hi, how would you add multiple news boxes of different feeds into a website?

  • Josh

    How you do add the feed from larger sites but only about a certain topic? Such as CNN but only about say “Global Warming”. I don’t want all their stories only certain ones. Is there a way to do that.
    Many thanks

  • http://www.facebook.com/www.Sellstuff.ie Henry Fitzsimons

    Hi. Does someone know how to add news feeds to my site but to keep visitors on my site when viewing the news and not be directed to CNN or other sites? I need to keep visitors on my site.

  • Pavakutty

    Hi,Is it possible to display images and videos from BBC news along with news.

    • BRU

      and also i want to display images from BBC for my blog? is it possible?

  • http://simple-easy-life.com/ Bharti

    Good information. Will give it a try.

  • arjun2g

    Great article but i am looking for more RSS feeds o different topics