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:


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"

<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;
<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");

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

<div id="body">
<div id="feedControl">Loading...</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 “;


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/.

David is a long-time journalist and editor who has over 10 years experience as a freelance Web developer, specializing in online newspaper design and maintenance. More articles by David Elliot
  • clean and understandable blog about RSS-feed and how to use it in your website. I’ll give it a try!

  • 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

    • 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?

    • 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.

        • robert

          I would think the links could get scanned and fed into another page that is pure html and will get crawled.

    • neighborhoodbaker

      Tell that to matt drudge the number 1 news website in the world and the richest news man on earth.

  • Beben Koben

    it’s mounted on my blog this feature 😀

  • 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?

    • robert

      check out my code at socialcasket dot com I have multiple boxes set up.

      • Priyanka Ahuja

        how did u get the content from dif new channels..can u help me with code?

  • 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

  • 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?

  • Good information. Will give it a try.

  • arjun2g

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

  • Steve

    Man, you are the best! THe best solution I have ever seen and it works!!!! THank YOU SO MUCH FOR THIS!!! you saved me hours of time 🙂

  • hi, i want to add cnn technology rss feed to my website, but i’m not quite sure how to go about it. any suggestions would be great!

  • lepas lokan

    Thanks for the free code. But how to make it reload the feed after some time or after refreshing the page? I find it only load the first load and just stays like that even after I refresh my page–and I know the source rss had changed.

    BTW if you want to check my blog is at lepaslokan dot blogspot dot com.

    Thanks again. It’s very useful 🙂

  • parthaprotimsarma

    Really helpful.. Thank you very much..

  • Ruby Patel

    Is it legal to post this content on our website????

  • Andrew McFadden

    This is great, but how would I incorporate multiple feeds without just copying the same code 5x,

    Also, I am trying to get feeds from tech crunch but this option does not show images or anything of that dort. How would I get it to show more of the article and/or images

  • Amir

    Hey i have successfully installed your codes… I need feature image beside every post how can i get it??? The images should be related with the news itself

  • Thanks for this information.

  • Thank You for Important Information 🙂

  • alexsaarthy


  • Bignedu

    Thanks David for sharing this. I followed your directive and the implementation is working perfectly well on my website. Nice!

  • M Edward L

    What about “fair use” ruling when AP won their lawsuit in 2013? I am pretty leary about using ANYTHING from the AP. If you don’t know what I am talking about people, YOU NEED TO READ UP ON IT.

  • Sam

    thanx very very much :*

  • Injamul Islam


    I am building a News Megazine but there is a problem . I have tried iframe, embed, etc. I want to automate news from newwork times , news herald . Like msn news uses in their div . plz help me

  • Mary

    I am searching for information on how to insert “Info @ —-” into the website I am currently working on.

  • Rjay_Gemus

    how can i change the number of items to show?

  • Rjay_Gemus

    how can i add or change the number of items it will show?

  • Paul Sayar

    itz not working only showing loading thats it

  • great post

  • Amit Agarwal

    can we copy data from other site to my site . its legal way or


  • EA Locksmith Waterloo

    Awesome article, thank you.

  • Antoni

    For future readers: The Google Feed API was deprecated on 15 December 2016, and no longer works.

Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress