Saturday, 21 May 2011

Blog Tips: How to include an RSS Feed box in your blog

Here are a couple of RSS feedbox widget creators that you can try. If you want to create an RSS feed from any web page use Page2RSS.

Feedwind
This one. This is the one that I've used on the blogs page on this site. It's really very helpful and has a few options deciding on how long the title and preview of the contents are. And it's free! Great.

RSSinclude.com
Or You can design the Feed box here. althought this one you have a limit of creating 10 boxes then you have to pay.

How to Include an RSS Feed in Blogs at Blogger.com / Blogspot.com

RSSinclude.com makes it very easy to include RSS feeds in your blog. Basically there are two areas on blogs where you can add an RSS box:

1) in the sidebar on the right side (containing the Blog Archive, About me and Followers...)
or
2) in blog posts.

We would like to explain both in the following sections.

1) RSSbox in the Sidebar of the Blog

This area of your blog is visible permanently. You can add a blog archive, your personal bio and much more to this area. Of course you can put an RSSbox from RSSinclude.com here. This is how:
a) Log in to your account at blogger.com. On top of the page there is a main menu. Click the "Layout" link, this will lead you to a graphical overview of your blog.
b) Click the "Add a Gadget" link. A new window will be opened displaying different gadgets from which you can choose. Select "HTML/JavaScript" to add third-party code like ours.
c) A form will appear which contains two form fields: title and content. You can type in a title for the gadget, e.g. "Latest RSS News".
d) The content of the gadget comes from RSSinclude.com. You should keep rssinclude.com opened in a new window simultaneously. In order to get your IncludeCode you have to create a new RSSbox first. As soon as you are done you will get an IncludeCode by clicking on "Include!".
e) Copy the IncludeCode of your RSSbox and paste it into the form at blogger.com (see screenshot).
f) Click the "Save" button to return to your blog administration.
g) You can click the "Preview" button to preview your changes or save the change layout by clicking the "Save" button.
h) Click the "View Blog" link (next to the "Monetize" tab) in the blogger administration. Subsequently your blog will be displayed containing a brand new RSSbox. You can still change the styling of the RSSbox at My RSSboxes. If you play around a bit you will be able to embed it very nicely.

2) RSSbox in a Blog Post

The second way of including an RSS feed in your blog is to embed it into a blog post. The following steps and screenshots show you how to do that:


a) Go to your blog administration at blogger.com. Click the "Posting" tab on top of the page. Edit the post in which you want the RSS feed to be displayed - or simply create a new post.
b) Click the "Edit Html" link on top of the rich-text editor. Subsequently the html code of you post will be displayed.
c) Open rssinclude.com simultaneously in a new window. Click the "Create a Box" link. Create and style your RSSbox as you wish. Keep in mind that its dimensions should fit into your blog post. As soon as you are done go to the "Include!" tab (see screenshot).
d) Copy and paste the JavaScript-code from rssinclude.com into the html of your blog post. Ensure that you paste the code in a spare line of the editor (see screenshot).

e) Click the "Publish Post" link. Blogger.com should now say "Your  blog post published successfully!". Click the "View Blog" link to display your changes.

f) This is how your blog post could look like. You can still change the styling of the RSSbox by surfing to My RSSboxes at rssinclude.com.

No comments:

Post a Comment