Embed Custom RSS Feeds Into iWeb

By Dan Hinckley

21 responses. »

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.

About Dan Hinckley
Dan Hinckley is an experienced Mac user who converted to Apple products when they introduced them on Intel Processors. He loves helping others get more out of their devices! Subscribe to Maciverse.com to get the latest from Dan and the Maciverse Team!! Find out more about Dan:

21 Responses so far.

  1. Elsie

    September 18, 2008 at 12:53 pm

    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!

  2. Elsie

    September 18, 2008 at 12:56 pm

    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!

  3. Dan

    September 18, 2008 at 1:06 pm

    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

  4. Elsie

    September 18, 2008 at 11:21 pm

    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

  5. g

    October 15, 2008 at 7:24 am

    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!
    :)

  6. Dan

    October 16, 2008 at 1:44 am

    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.

  7. g

    October 16, 2008 at 4:19 pm

    Hi man, thx for the prompt reply (:

    I'll see how it works, be sure I'll be at the forums :)

    see ya

  8. Recent Links Tagged With "iweb" - JabberTags

    November 3, 2008 at 11:04 pm

    [...] 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 [...]

  9. Carlos

    March 3, 2009 at 1:31 am

    Hello, well I am new to this and my intention is to add my own YouTube page on my website using the RSS (Which I alredy have)

    I am following you until I get to: "In the field below select the Content item from your RSS feed and enter a keyword into the open text field."

    Can you explain what is the content item?

  10. Scotty

    April 7, 2009 at 9:39 am

    This is fantastic. Just have one query. What is the best way to format text in the feed when it is displayed in iweb? I need to change font size, colours bg colour etc.

    • Dan

      April 10, 2009 at 11:03 am

      Scotty, you may try and format the text with javascript call that implements a CSS style change that you're detailing.

  11. rhys

    May 8, 2009 at 9:14 pm

    hi

  12. Games on an iWeb Site

    July 18, 2009 at 4:46 pm

    [...] In the past we’ve described a number of ways to add forms, counters, rss feeds, and many other website tools to your iWeb pages. Now following a similar approach you can add [...]

  13. Using iweb features without mobile me. - Mac-Forums.com

    December 12, 2009 at 11:47 am

    [...] You can work around a lot of these issues. Comments or, better still use a WordPress blog. Hit counters. RSS feed. [...]

  14. How To Design Your Own Book With iBooks Author | Lifehacker Australia

    January 23, 2012 at 12:07 pm

    [...] HTML Snippets: The purpose of the HTML inclusion is to pull live content from the web. You might find use in this for your own book in a few ways. For instance, you can pull content from Twitter, display a Flickr slideshow, or include your blog’s RSS feed. [...]

  15. iBooks Author Gives You the Power to Design Your Own Book, Here’s What You … - GRAFIC DESIGN – GRAFIC DESIGN

    January 23, 2012 at 4:06 pm

    [...] HTML Snippets: The purpose of a HTML inclusion is to lift live calm from a web. You competence find use in this for your possess book in a few ways. For instance, we can pull calm from Twitter, display a Flickr slideshow, or include your blog’s RSS feed. [...]

  16. Abby

    April 17, 2012 at 6:35 pm

    Hello, well I am new to this and my intention is to add my own YouTube page on my website using the RSS (Which I already have)

    I am following you until I get to: "In the field below select the Content item from your RSS feed and enter a keyword into the open text field."

    Can you explain what is the content item?

  17. Suzy

    April 18, 2012 at 5:14 pm

    Hello, well I am new to this and my intention is to add my own YouTube page on my website using the RSS (Which I already have)

    I am following you until I get to: "In the field below select the Content item from your RSS feed and enter a keyword into the open text field."

    Can you explain what is the content item?

  18. Iraqi Dinar

    June 8, 2012 at 4:16 pm

    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.

  19. James

    August 18, 2012 at 6:16 am

    I am following you until I get to: "In the field below select the Content item from your RSS feed and enter a keyword into the open text field."

    SEO Services

  20. farahcloud.beeplog.com

    March 25, 2013 at 7:49 pm

    Currently it sounds like BlogEngine is the preferred blogging
    platform out there right now. (from what I’ve read) Is that what you are using on your blog?

Leave a Reply

Site powered by Go Fish Digital