Tag Cloud
Embed Custom RSS Feeds Into iWeb
Home » Tutorial » Embed Custom RSS Feeds Into iWeb
By Dan | 8 CommentsLeave a Comment
Last updated: Friday, August 8, 2008
If you're new here, we encourage subscribing to our RSS feed and visiting our Forums.

While adding Google Gadgets to your iWeb site allows you to display articles from sites you visit often, it lacks the capability to allow you to create a custom RSS feed of information most relevant to your site and embed it onto your site to share with your readers.

Fortunately, one of their search competitors has provided a way to combine and customize RSS feeds and also a way easily add them to your iWeb sites.

To create a custom RSS feed that you can add to your iWeb site, navigate to Yahoo Pipes and login with a yahoo account. Once you’ve logged in click “Create a Pipe”. The Pipes customization page will load and allow you to start your custom built RSS feed.

For this tutorial, we’ll create an RSS feed for just Maciverse.com and add a filter to just display information that includes iWeb related articles.

To get started, we’ll need to select our Source. On the left side of the Pipes customization page click sources and then drag the “Fetch Feed” option to the workspace on the right.

Pipes_ editing pipe-1.png

We’ve added the source field but we still we need to enter the location of our source. In the open field enter the address of the RSS feed you’d like to pull information from. I entered “http://www.maciverse.com/feed/”.

Next, select Operators on the left and then drag Filter to the workspace. Select Permit for items that match all of the following. In the field below select the Content item from your RSS feed and enter a keyword into the open text field. For this tutorial, select Contains and enter iWeb.

Pipes_ editing pipe.png

Now that we’ve selected the source and filtered to the specific data that we want we can connect the pipes and see our results.

Pipes_ editing pipe-1.png

Save the newly created pipe and click “Back to My Pipes”. You’ll now see the pipes you’ve created. Select the one just created and click on View Results.

Pipes from dan_hinckley.png

Next we want to get the code behind the Pipes we created so we can embed it on our iWeb site. Click the Get as a Badge button.

Pipes_ MaciverseRSS.png

Select the Embed option to be able to grab the code and apply it to your iWeb site. After clicking on embed copy the code displayed.

Pipes_ MaciverseRSS-2.png

We’ve built the pipes for our customized RSS feed and grabbed the code we need. Open iWeb and navigate to the page you’d like to add the customized RSS feed. Select html snippet and add it to the page. In the html snippet page paste in the code we copied from Yahoo pipes.

iWebScreenSnapz002.png

Once the code has been applied you should be able to see the pipes details on your iWeb site and it should be ready for publishing.

iWeb.png

This is a quick and easy way to add customized RSS feeds that are particular and relevant to your iWeb sites. If you enjoy this article, please subscribe to our RSS feed to get the latest updates on how to get the most out of your mac.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Related posts:

  1. Add Forms to iWeb Pages
  2. Make your iWeb Blog iPhone Ready
  3. Add Google Gadgets to iWeb
  4. iWeb - Website Creation Made Easier With Automator
  5. How To: Import your iWeb Blog to Wordpress

Comments

8 comments
  1. Elsie
    September 18, 2008

    Thanks for your great tips! I appreciate your experience and that you share. I will play around a bit more and see what else can or needs to be done next on my site!

    Leave a reply
  2. Elsie
    September 18, 2008

    Oh! I do have a question!

    How can I add “comments” like this for free to an iWeb page?
    Do you know of a “bulletin board” or “wall” type thingy I can use in iWeb. I changed web hosts and lost my Bulletin Board…. which I thought was cumbersome to begin with. And I like the simplicity of those “walls” that allow users to add their 2ยข-worth without much ado.

    Thanks!

    Leave a reply
  3. Dan
    September 18, 2008

    Elsie,

    If you have a MobileMe account you should be able to add comments. If not it is a bit more tricky.. I believe you can add a form (See link below) and then embed the data output in an iFrame on your page. It probably won’t be as pretty as you’d like.

    http://www.maciverse.com/add-forms-to-iweb-pages.html

    Leave a reply
  4. Elsie
    September 18, 2008

    Hi Dan,

    Thanks! I have been using your suggestions on forms already. But I don’t know how to get them to post back on to the webpage (automated). And I wonder if you have any insights for how to allow visitors to view and correct their forms before the final submit?

    Sorry if I am asking the obvious. I am using Sprout, but just. I see the potential but am horribly lacking just the same!

    :)Elsie

    Leave a reply
  5. g
    October 15, 2008

    Hi, can I use this method to embed a blogger feed? I have my blog in there, and all I want is to embed it in iWeb

    thx!
    :)

    Leave a reply
  6. Dan
    October 16, 2008

    G - Technically you could do this, but your site would only show the most recent blogs. It wouldn’t allow users to older posts from your iWeb widget.

    If you need additional help, please create a forum account and explain your end goal. We’ll be able to offer suggestions and additional tips and provide easy access for other readers to get the same help.

    Leave a reply
  7. g
    October 16, 2008

    Hi man, thx for the prompt reply (:
    I’ll see how it works, be sure I’ll be at the forums :)

    see ya

    Leave a reply
  8. Recent Links Tagged With "iweb" - JabberTags
    November 3, 2008

    [...] public links >> iweb Embed Custom RSS Feeds Into iWeb Saved by TheSara13 on Mon 03-11-2008 Back to blog Saved by cavemanf16 on Wed 29-10-2008 [...]

    Leave a reply

Leave a Comment

Add your picture!
Join Gravatar and upload your avatar. C'mon, it's free!