Need a free blog widget?

Got an RSS feed? Get our free blog widget for your site!

If you have an RSS feed associated with your website or blog, our free blog widget will allow you to display it on your web page in a matter of minutes. Provided that you can tell us the name of the XML file that provides your RSS feed, our handy code generator will do the rest for you.

All that we ask in return is that you allow us to include a discreet link back to this page, so that other webmasters can find out about our widget too.

Here's what our RSS feed, Build a Website News, looks like when displayed using our widget with the default parameter values, but there are lots of ways in which you can customise its appearance. We'll show you the effects of any changes as you make them.

How do I install the free blog widget?

It's really easy. Just follow our simple three-step process:

  • Customise the widget using the form below.
  • Copy and paste the generated code to the recommended locations.
  • Publish your page to the web.

Customise the widget

All that we really need to know is the name of the XML file that provides your RSS feed, but there are a number of other customisation options available. Hover your pointer over the question mark buttons to see an explanation of how to use each form field.

Please enter the file references accurately, as the widget won't work properly unless you do.

RSS feed filename question markEnter the URL of your RSS feed file, omitting http://www.domain.com/. For security reasons, the RSS feed file must be hosted on your own site, and not (for example) at FeedBurner.
Headline text question markEnter the headline that should appear above the blog entries.
Show RSS button? question markCheck here to show a button link to your RSS feed in the headline area.
Number of blog entries question markEnter the number of blog entries to be shown, between 1 and 50 inclusive.
Number of characters in blog entry title question markEnter the maximum number of characters to appear in the blog entry title.
Remove date? question markIf your blog entry title begins with the date in the format Jan 31, check here to remove the date before displaying the title. question markIf you use SiteSell's RSS/Blog It! module and have chosen to add the date to each blog entry, check here to remove the date before displaying the title.
Number of characters in blog entry description question markEnter the maximum number of characters to appear in the blog entry description.
Include a Read All link? question markCheck here to include a link to a page where visitors can read all of your blog entries.
Link text question markEnter the link text for your Read All link.
Link URL question markEnter the URL of the page where visitors can read all of your blog entries.

When you've successfully submitted your customisation choices, you'll see that the example preview near the top of the page has been changed to reflect those choices, and further down the page you'll find your customised blog widget code.

CSS stylesheet entries

The following CSS stylesheet entries control the appearance of your blog widget, and you should add them to your stylesheet file. If you use the SiteSell Site Designer you may do this easily using the Add Custom CSS button.

If you can't or don't wish to modify your stylesheet, you may instead place the code between <style type="text/css"> and </style> tags in the <head> of your page [see below]. To select the code to be copied, simply click anywhere within the text box.

The CSS stylesheet entries as supplied will give your blog widget the appearance of the example preview shown above. You may of course make any changes that you wish to customise the widget to your own taste.

Page <head> code

You should add the following code to the <head> of the pages on which you wish to display the widget. If you're using SiteSell's SiteBuilder click the Head button, and add the code to the This Page Only section. If you don't have access to the <head> of your page, make sure that you place the code on the page before the blog widget code that appears below.

Blog widget code

This is your customised blog widget code. Place it on your page wherever you would like the widget to appear.

That's it! You've finished!

Just publish your page to the web, and you'll have our free blog widget installed and working on your site. We hope that you will find it useful. Remember that it will work only on the site with which the RSS feed file is associated.

See our free blog widget installed on a page built using the BB2 SiteBuilder.

Terms and Conditions of Use

You may modify and use this blog widget royalty-free on any website of your choice, provided that you retain unchanged both the link back to this page and the comment that precedes it. We do not warrant either that the widget code is error-free, or that any error therein will be corrected.

Subscribe to
Build a Website News
[?]

RSS/XML

Follow us in Feedly

Add to My Yahoo!