Free RSS Widget
849 comments
|
|
RSS
Flickr
Picasa
Twitter
Vimeo
Xanga
Blogspot
Fotolog
Tumblr
Typepad
Wordpress
YoutubeNeed a feed widget to display your latest blog posts, news items, Vimeo or YouTube uploads, Picasa images? Our rss widget is simple to use, fully customisable, and best of all, free! Add our news, video or new surf spots feeds straight to your website, mix them up with other feeds, our just use your own.
It's really easy to use and can be up on your site in minutes. Here are the three simple steps:
- Enter additional feed, blog or page url (up to 5 in total) - you don't even have to use our feed!
- Customize the display of the widget (you can use a custom style sheet for total control)
- Copy and paste the generated code into your web page
If you have any questions, or would like to offer feedback, please post a comment below.
Click here to see our guide to help you customise your feed widget.
Add the feed or blog URL
General settings
| px | px |
| on off | sec |
| on off | |
| New window Same window | |
| px | on off |
| on off | |
|
Must be https:// if displaying widget on https page. Try these example styles: |
|
Main title
| on off | |
|
|
|
| # | |
|
|
|
| # | |
Entry title
|
|
|
| # | |
|
|
|
| # | |
| on off | |
Entry contents
| on off | |
| words | |
| on off | |
|
|
|
| # | |
| on off | |
|
|
|
| # | |
Feed footer
| off | |
|
|
|
| # | |
|
|
|
| # | |
Bottom Link
|
|
|
| # | |
| Caution: please be aware that search engines do not like links to be the same colour as the background of the page. | |
How your feed will look
clear example style
Place the code below into your web page
If you have a website feed, or would like to easily aggregate several of your favorite feeds or latest YouTube uploads, you can use our custom free widget to display them all in one place. Customize the feed and display it on your website in no time at all.
This app was originally designed for use as our own news XML widget, and to display our RSS and XML feeds in one good looking, reliable, scrolling widget. We offer standard versions of these surf videos, surf photo and surf news feeds for display on websites. With the addition of the simple to use customize panels, and the ability to specify other rss feed locations, we decided to offer it up for anyone.
The feed widget should be able to display any valid rss / atom contents. It's a great little app to display your blog posts and other feeds in the same place, using the same piece of code.
By pasting the code on your website, you are agreeing to abide by the embed terms and conditions.
Please be cool and leave the link back to our surfing-waves.com, this helps support our site and advertise this service to other visitors. Removal of this link may cause the widget to display a Powered by from within the feed item contents.
While you are here, why not check out the rest of the site. You might not have arrived looking for surfing information, but you'll certainly find it here. Whether it's information about boardshorts, preparing with online surfing lessons or some general information about surfing, it's all here.
FAQ's
Do I have to use the default feed on my site?
No. You can add your own feed urls and remove the default feed url.
What does "• xxx is not a valid rss-channel" mean?
The feed generator has been unable to process the feed. If you have used a page url, try to use the rss feed url. If you are sure the feed url is correct, check the feed is valid at https://validator.w3.org/feed/.
Are there limits to the number of feeds I can add?
Yes. You can add up to 5 separate feed urls.
Why only one widget per page?
Lots of widgets on a page can affect the performance of everyone's widgets. Please keep it to one per page as a courtesy to other users.
Can I use any colour for the text and background?
Yes. Just paste the html color code into the input box.
I cannot change any of the widget colours, some selections are disabled. What's wrong?
You've probably selected an example css. This disables some display settings. If you want to customise your widget with the advanced settings, make sure you clear the example style.
I want to use the scroll bar on my widget, but when I select "on", it does not display.
The scroll bar will only display if you auto scroll is no in use.
How do I change the font?
Simply enter your desired fonts, seperated by commas, into the Font face text box.
e.g. arial,sans-serif
I am using a custom CSS. Can I remove some attributes from the embed code to reduce it's size?
Yes. You may remove any display styles from the embed code, these are ignored when a custom CSS is specified.
I'm having problems displaying images from my feed.
In the Entry contents section, ensure that you turn the Html (images / links) button is set to "on". (This will result in the Entry contents maximum length being overwritten)
I have a question that is not answered here, what can I do now?
You can post any questions you may have, or give feedback. Please post a comment below. (You will be required to register before posting)
Is https supported?
Yes, the widget will display on an https page. If you are using a custom stylesheet it will have to be served from an https page or it will not load.
Help - my widget is not displaying
Your widget will not display if you are using a testing it straight from a file (not on a website). To get the widget to display you need to alter the widget code src="://feed.surfing-waves.com/js/rss-feed.js": to include either src=":http:// or src=":https:// - The widget should display OK as it is if posted directly on a website.
Im moving my site to https, will I still be able to use the same widget?
Yes, but you'll have to make a small change to reference the new source using src="//feed.surfing-waves.com/js/rss-feed.js" in your widget code or the old widget will not display. Alternatively, generate a new widget.
Do you offer full support?
Come on - it's free of charge you know! We'll try to help when time allows.
Do I have to be a surfer to use this?
No, but it's never to late to start.
I am a surfer. Will putting this on my website improve my surfing?
Yes.
Is the the best free rss feed widget?
Well, it's definitely a free rss widget, and it's the best one we offer. If you are after a custom feed widget, it ticks the boxes.
Thanks for a great widget!! Your work is GREAT !!!!!
@Guest on Jan 5, 2013: Just paste the embed code into the body of your html. The widget will appear there.
@Guest on Jan 6, 2013: This would be quite a simple option. We'll consider adding it with a later release (if there is one).
@ Guest on Jan 7, 2013: You'll need something like this >
.feed-container .content .item{border-bottom:1px dashed #CCC;}
@Guest on Jan 7, 2013: You're welcome, thanks for the feedback.
Hey, Love the widget but I wish there was a lot more creative options to customize the widget, even if it wasn't relatively appropriate in some cases. I'm not a good styler, but make curves, or fun options for text or pictures, or cool little effects would be so cool; if you had the time. :) Anyways Does the style sheets have to be from an online source? If so, how do I do that, at a concise step to step process?
Yes well done for this feed guys,the best free widget on the web.A donation is worthy for your work.Keep on.
Hey, The widget has been working fabulously for the past 3 -4 weeks. Just now, it says that my URL is invalid...?
Guest on Jan 9, 2013: Many things can be accomplished with the a custom stylesheet. It does need to be from an online source.
You can view the process
here.
Guest on Jan 11, 2013:
Your latest entry may not be valid, check that your feed is actually valid and if it is, email me the details.
FAB widget! Is there an way to include a thumbnail image into the feed?
LOVE the widget, except for some reason all of the individual post/links just go to the general page, and not the individual articles. Any help/insight?
@Guest on Jan 15, 2013: The widget reproduces the contents of your feed. If you want an image, you'll have to make sure there's one in your feed.
@Guest on Jan 16, 2013: The individual post links are taken from the post title links in your feed. You'll probably find that this is the way that your feed is set up.
If not, send us the details.
This widget was a absolute godsend for me. I had to read the description at least 3 times to believe it was for free. Even though i will be using it on my star trek site as a rss feed to trek news, having looked through your site, especially the images, i will be a constant visitor. Though i am not a surfer (After recent major spinal surgery, my doctor would think i had lost the plot if i started now) I do enjoy the images and a little envious. Thank you once again.
This is the greatest app for the news i had looked for for days. THANK YOU. was justto simple the way you had it writen. !!!!!!!!!!!
Wow this looks great im going to donate! But can you reverse the Comments so latest is at top.....
@Guest on Jan 22, 2013: At the moment there is no way to reverse the comments.
All donations go towards the hosting and of the widgets, support, and future development.
Guys,
I realy love your script, the only thing is that i am trying to use it on a webshop. And this shop runs in a ssl enviroment (https) meaning that IE will give anoying errors when the scripts load from your server. Is it possible that you send the files to me so i can host the php and .js file for myself.
@Guest on Jan 25, 2013: Unfortunately that's not possible. It might be best to consider using another widget.
Great feed!! looking for this everywhere!!
Keep it up!
Excellent widget - just one thing if you increase/decrease the page zoom % the feed does not fit the new page size. Any suggestions?
@Guest on Jan 31, 2013: I've just tried this on several sites which have embedded widgets. It works OK. Please email your specific example.
Is there any possible to add more than 20 twitter url's
Great,
Hi amazing widget!!
Do you have a horizontal version, I suppose more like a ticker. Or even the code to change the scrolling direction.
@Guest on Apr 7, 2013: There is no horizontal version of this widget. We've never had a need for it.
@Guest on Apr 5, 2013: It is not possible to add more than 5 different URL's of any type.
This looks good, but I have just tried to use it in a wordpress page in a custom theme, and the icons and scroll bar don't seem to be rendered.
See http://blog.davelevy.info/2013/04/09/help-looking-for-an-xml-widget-for-wordpress/
I am trying to use http://davelevy.info/mingle/atom.xml as the feed source.
It works great on your page in firefox.
@Guest on Apr 9, 2013: The widget works fine when I use your feed on a normal page, so it seems to be an issue with your theme. If you'd like to post it up on a page on your site and let me know, I'll get someone to have a look.
I cant seem to get the links to work, they all go to the link at the top of the code (www.xchangetele.com) not the 3 item links: www.nydesign.com/xchangesite/rss.xml
What am I doing wrong?
@Guest on Apr 16, 2103: Your xml file is missing the <link> elements from each item. These are used to create the feed content item links.
Where exactly do I place the <link> and </link> tags?
Also, my code changes don't appear right away: www.nydesign.com/xchangesite/rss.xml
Why is that?
@Guest on Apr 16, 2013: Place a link element after your title element and before your description element.
<item>
<title>...</title>
<link>http://link.to.article.htm</link>
<description>...</description>
<guide>...</guid>
</item>
Your changes do not appear right away because the feed is cached. If you want to retest your feed you can use the generator above which will not use the cached version.
Your feed recaches automatically and will pick up changes then.
hi, I'm using your widget to display rss based alerts. They are fairly frequent throughout the day but i've noticed a sizeable delay between when a new feed item posts and when it is displayed in the widget (sometimes an hour delay sometimes nothing shown until cache name changed). I've been fiddling with the cache but can't seem to eliminate the delay/solve the issue...can you assist? Thanks!
@Guest on Apr 25, 2013: The feed is cached on our server for performance reasons. You have to wait for the feed to re-cache for the latest topics to display. This can take 30 minutes when the server is under normal load. There is no way around this as we have to ensure that the feed performs well for all users.
It's excellent, thanks. I don't suppose I can pay you to used it like 5 times?
Guest on Apr 26, 2013: Please contact us directly with details of your site and intended use. Thanks
I'm the April 26th guest, although I put my first name in. I probably should have registered. I was just kidding, mostly. I have a blogger.com blog (redirected to my own domain), and I have a twitter feed, and 5 separate RSS feeds! I just used your widget for the twitter feed, and that stands out, so I'm good. Thanks for it, and I will be making a small donation. Blogger actually does have an alleged "RSS Widget", but it looks like crap. It kind of reminds me of a screen shot from a UNIX terminal. :-)
How do I set a font face?
Reply to: [email protected]
@Guest on Apr 28, 2013: Use General settings > Font face
Simply input the font face that you'd like into the textbox.
Love the widget! Thanks very much. I did want to ask about images: When I turn them on, if there are multiple images in a sequence, the first image pushes the next image out of alignment with its corresponding entry. Is there are way to make the default size of an entry at least the size of a thumbnail (if there happens to be an image)?
This Widget is just awesome !!! thanks a lot. i searched a lot but finally going with this :-) However, i had a small query here, i want to position the widget in my html page. To be specific, set position to absolute and give values for left, top. I ll be very greatfull for the support.
@Guest on May 3, 2013: Apologies for my tardy reply.
You could try clearing the div with a custom stylesheet, that may work.
@Guest on May 17, 2013: If you want to have full control on the styling of the widget you can use a custom style sheet.
Отличьный виджет Спаисбо !!!
Exactement ce que je cherchais. Merci !
Hello, thanks for this wonderful widget, but all my links come on your site ? how can I do ?
@Guest on May 22, 2013: The links should go where the link in the feed points to. Make sure your feed has the <link> tag in it. Feel free to email your widget code so we can take a look.
Hi,
I'm using this great widget since a couple of months to display blog en twitter content on our non-commercial website.
We also have a forum and I wanted to use the same widget on another page on our site. But strangely now the forum posts are also seen on the other page (blog and twitter). I checked the URLs, everything seems fine. What do I wrong?
Thanks, br, Thomas
Hi Thomas, make sure that your widgets have different rssfeed_cache values. If they have the same value, the widget will only display the content from one widget.
You can generate a new widget above and use the cache code in your forum widget.
Nice service and thanks for offering it. Simple question. Is there a "Get Wiget" type link anywhere so users can grab the wiget and paste the wiget on their site? Maybe it's there and I just don't see it.
Thanks
@Jtorral: If you mean a button where a visitor to your site can grab your widget code, then the answer is no.
I got this to work quite easily, so thanks for making it to be easy. I use it to reflect recent posts from our own forum onto our main website pages. From time to time the feed fails with this message "url: "http://www.contemporaryenergy.co.uk/smf_forum/index.php" error: timeout". Not being RSS savvy I cannot see where or what the problem is. It has returned but I cannot be sure whether it was something I did or whether it would have returned anyway. Any ideas how I should rectify this when it happens? My RSS reader is Feedly.
Hi Patrick. The "error: timeout" message is shown when the rss source server fails to respond in a timely manner and we cannot access the feed. This can happen from time to time, and it's nothing that you have done.
thanks!
hello,
how can i change the size of thumbnails ? they are too wide and my text is far above
http://www.altiqual.com
thanks for your help
hi, does anyone have a problem with its twitter feed .. worked till noon ( european time .) now same feed no longer works
@Guest on Jun 11, 2013: Image sizes can only be changed using a custom style sheet, otherwise their max width is set to the width of the widget.
@Guest on Jun 11, 2013: Please see twitter feed announcement above.
tks for your answer, but i don't understand a word in CSS so i'm lost...
Thank you for your work! I hope you decide to update for the new twitter api. I would be happy to pay for it. paullybadboy@g mail
非常感谢提供这么好的源码！
Thank you for alternative to Twitter API V1.1. My small biz clients do not even have Twitter Accounts. I supported you on Twitter and Facebook.
If my client uses the script, we'll make a nice donation. I kept the link back to you; but may need to change the link name to "support news feed" - hope that is ok.
JUST AN AWESOME job on the script. U are a genius.
How do I change the feed display to RTL (my feed is in Hebrew)?
@Guest on Jun 27, 2013: You'll have to use a custom style sheet. Unfortunately there is no way to customise the text direction using the options above.
My preference is the newest feeds should be on the top. Please add an option whether the newest feed at the top or at the bottom. Thanks in advance.
Works great! Althought mine does say "no posts" after a few days and I have to change cache code. Any ideas?
@Your guest here!!! on Jul 2, 2013: The newest posts do appear at the top if the pubdate field is used in the feed. Otherwise the feed is shown in the order it's received.
@Guest on Jul 2, 2013: If the widget does not find any posts, it displays and error message "No current posts".
It the message is anything else, check what the feed is showing.
Thats what I meant. It says "No current posts". Althought the blog is still running. But when I update to a new rss change code it works. Any idea?
Email your blog details to webmaster for someone to take a look.
Hi there. Is there a way to display the publication date there too? I see that there is a Date field which is "off" by default. I changed it to "on" but Nothing happened :-/ ..
I followed your instruction and got this error message.A problem occurred retrieving this RSS Feed.
I did validate my URL and it came back Valid. Please advise
@Aidin on Jul15, 2013: Make sure your feed has a pubdate, otherwise the date field will not be filled.
@Jorge on Jul 24, 2013: A problem occurred retrieving this RSS Feed means that our server cannot access the feed. This is usually due to the source server taking too long to respond to the request we make for the feed. If you'd like me to take a look, email your site & feed details.
Nothing appears on my entry contents just something like this -> "[. . .]"
Hi Joan, take a look at your feed and check that it's not showing "[. . .]"
We don't abbreviate entry contents, just snip off the end if you are limiting characters.
Hi there. My website (www.isaiaht.info) is cutting off the ends of each entry. In the preview on this page it's showing the full entry. Changing the length of the title doesn't seem to do anything. What's up?
Hi! Is it possible to make it work to feed my Facebook page updates to my blog? BR-Johanna
I am getting the following error:
url: "xxmyFeedsAddressHerexx" error: timeout
In place of the widget that used to show on our blog. The link from Feed43 is still up and running fine; what might the problem be here?
For reference, I inputted the HTML as code to build the widget into my blogger.com site's home page...
thanks,
Matt
@Isaiah on Aug 1, 2013: You've specified an item description length of 120 characters. If the post is any longer it will be cut off. Please be aware that if you make any changes to to your feed to allow more characters it can take up to 45 minutes for the changes to appear on your website due to feed caching.
@Johanna on Aug 1, 2013: If the facebook feed is publicly accessible (ie without login) then it should work.
Matthew on Aug 4, 2013: The timeout error occurs when the feed is fetched. If there was an issue with the server or network at that time, the feed will show as being in error. When the feed is next fetched it will get a fresh copy, and the timeout error will no longer display.
Fantastic widget! Took a lot of faffing to get it to display properly on a static page in Blogger but got there eventually.
Again thanks to guide about Post feed redirect url setting.These are very important points to keep in mind.
First of all, let me say that this is one of the best and easiest RSS feeds I've used. Thank you for all your hard work and offering the service for free.
My real question/concern is how these feeds interact with secure pages. I'm trying to use a feed on a client's site but the feeds won't display on secure pages without disabling some browser settings. Is there a solution out there displays the feed without adjusting these settings? I've tried everything I can think of.
This widget looks very nice. Two questions:
1) My "main title" has an ampersand in it and the title cuts off right at the amersand. I have tried using "&" and "&" in my html but neither solves the problem. Suggestion?
2) More importantly, how does this widget do regarding SEO? Can the search engines spider the text in the widget?
Is there a way to display only the image in my feed, and only display the most recent post?
Thanks for this! Great options, looks great, and tests great on a page by itself, but I don't see body code so the feed widget can be inserted into a div somewhere other than the top of the page. Your link div is there, just not the feed itself. What am I missing?
@Jeff on Aug 23, 2013:
Thank you for your kind words.
Unfortunately there is no way to get the widget to play nicely on secure pages without serving it via https. At the moment there is no requirement to do this. Sorry about that.
(I think someone pointed out the issue before but it was only with IE8.)
@Guest on Aug 23, 2013:
The problem with the ampersand in the title was a bug. I've just fixed this so it is now possible to have an ampersand in the title.
As for SEO, there is no benefit as search engines only see the javascript, not the contents that it outputs.
@Corey on Aug 29, 2013:
There is no way to display images only, although that's a great idea. The only solution would be to create an image-only feed.
@That's Mister Noob to you on Sep 3, 2013:
The script needs to be included at the position in the html page where you want it to appear. It creates it's own IFrame and displays from there. If you email me your site details I'd be happy to take a look at the issue.
the widget is great! how can I do to make links open in fancybox?
Great widget. Thx from Bavaria
Beleive me this is the widget i have ever found but i have some problem while creating a feed. I want to place thubnail, article title and just few lines not the whole article. i am not sure how to do that, currently i ave added four rss feeds (blogspot,tumblr,wordpress) these feeds are sowing the whole article with the big image which i dont want, my website have already the content and this is justmaking the page more lengthy. Can you please please answer me as soon as you get this.
@johann on Sep 13, 2013: It's not possible to open the links in fancybox, sorry about that.
@Guest on Sep 25, 2013: It is not possible to limit the feed length when including images. One possible solution is to use feeds that only contain a summary of the post, not the whole post. This would give reduced content.
I have added a feed widget to my homepage linked to the news pages on my site (www.rotolokgroup.com) and was wondering why the feed does not automatically update when I add news items to the news page? Also, the 'time posted ago' does not update from when I inputted the HTML code originally?
What am I doing wrong?
Thank you
Pls hw do i get the widget link
i want to submit it to blogger gadgets
@Guest on Oct 1, 2013: Changes will not show until the feed is re-cached. This can take up to 45 minutes.
@Money Flex on Oct 1, 2013: I am unfamiliar with blogger gadgets.
This is an excellent widget and it's even better as it's free - unlike certain other sites which charge. Accordingly, I've made a donation to assist with running costs. Cheers!
Hello, I've included it on my Blogger page (ovcteste.blogspot.com) but for some reason it doesn't show anything, only the footer ("widget @ surfing-waves.com") can be seen. Could you please assist me on this? Thanks!
@Daniel on Oct 3, 2013: Hi Daniel, I've just checked your site and the widget is not displaying because the script has been commented out. Remove the <!-- and --> from the widget code and it should work fine.
Any problems let me know.
Beautiful widget - so clever and configurable. Is there any way that the actual feed background can be made transparent at all please?
Thanks again
Hi Graham, just put transparent in the background colour selections.
Just perfect - thanks so very much.
I love your RSS feed and i have been using it for over a year. Suddenly in the last three days the RSS Feed is not showing in my website www.eastafro.com but it is showing in an another website that i own. It appears you have blocked me by accident. Can you please unblock me. I asked you in the past if i can host the code in my website and you told me that you don't allow that but that I was welcome to get it hosted at your site. Thanks for the awesome RSS Feed.
First I want to say ty for such a great widget. I am curious though, all of my information strings together from an evanced calendar. Is there a way to separate fields that are imported from the feed resource and maybe bold the titles of each part?
Is there a way to direct the output from a feed to an iframe rather than to _top or _blank?
I'm running the feed which is working very well except for one thing: It does not show apostrophes in the news item titles, e.g. Today's appears as Todays. Can you fix, please...
@AaronTech on Oct 10, 2013: Depending on your feed contents it may be possible to do this with a custom stylesheet.
@jdixon2614 on 16th Oct, 2013: _top or _blank are the only options.
@Geoff_H on Oct 17, 2013: This is a known error and is on our things to fix list.