How to Embed RSS Feeds into HTML Web Pages - The Easy Way
Q. Yugalkishore is looking for a simple solution to help him embed RSS feeds from Reuters website into his HTML web pages.
A. While there are tons of scripts that convert RSS feeds into Javascript*, I recommend using Google Gadget Creator for adding feeds to web pages - it’s easy as well as customizable.
*If you are looking for a non-Javascript solution, get one of these Flash based RSS widgets from Yourminis or WidgetBox.
Step 1: Copy the URL of that RSS feed to the clipboard (make sure you copy the location of the feed, not the website).
Step 2: Append the feed URL to this string- http://gmodules.com/ig/creator?url=
Confused ? Let me illustrate that with a quick example. Say the RSS feed address is http://feeds.labnol.org/labnol, then our string becomes:
http://gmodules.com/ig/creator?url=http://feeds.labnol.org/labnol
Step 3: Open this new link in your web browser, adjust the dimensions of the gadget, change the border color and finally click "Get the Code" button.
<script src="http://gmodules.com/ig/ifr?url=http://feeds.labnol.org/labnol&synd=open&w=320&h=200&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
Place this Javascript code anywhere in your web page where you want the RSS items to be displayed.
Your site visitors can now scan the Reuters news headlines without leaving your website.
Related: Create RSS Feeds from Any Website
Subscribe in a reader
Thanks again for the information. Currently I use the Google Gadgets news widget, where you can also display news for most countries with headlines…
Simplepie.org offers a PHP RSS parser that you can use to embed feeds on the server-side instead of the client side.
this offers better caching and thus better performance from those pages for the end-user
Thanks, this led me to the Google Feed Gadget that really helped me out.
Happy weekend,
Paula
Thanks for posting. was useful for me
This is really useful, especially for those of us still limited by Blogger. Their RSS feeds only allow for up to 5 line items, but this provides and excellent work-around if you want to have up to — say 10.
RSS is just one of many ‘weak links’ of mine. It looks so very complicated, yet you Amit know to explain it in a very simple and precise manner. It is a pure pleasure to read your posts, especially because they are so short, yet so rich and precise and very useful for every day life.
ok, this is going sound stupid, evey time i try to embed the google gadgets code, it doesnt work, where do i insert, obviously under body, is there some othere tag or somthing????
@nolan: You select ‘Add a page element’ on the layout page of your blog…and select the ‘element that says ‘HTML script’ or something similar to that. Now paste your script here (in the body box) and give it some title (in the title box). Click ok/done > save your layout and you’re good to go. The feeds should appear on your blog now.
Thanks so much for putting this article on about inserting RSS feeds in a simple way. This is very good for getting good contents plus the added benefit for repeat views. Thankyou