del.icio.us .:. tweet

Technorati Search via Yahoo! Pipes .:. kentbrewster.com

From Technorati, via Yahoo! Pipes

get this for your page

As you may have already heard, Yahoo! Pipes is pretty darn cool. It's a drag-and-drop interface for mashing up RSS feeds; I strongly suggest that all developers check it out. The folks at work have nominated me as Pipes Guy for the Yahoo! Developer Network, so I'll be documenting, supporting, and generally cheerleading the Pipes team, which deserves all the glory it can get.

To the right is my first Pipes hack, which sucks in Technorati's search feed for the query of your choice and hands back a JSON object, ready to insert inline via the usual methods. I put this together in a few minutes this morning as my very first Pipe. (It looks like you need to log in as a Yahoo! user to open the editor/viewer; sorry about that.)

Something That Might Not Be Obvious....

There's an important second-order implication here that most early reports have ignored in favor of gosh-wowing the Pipes user interface, which is indeed a delightful thing to behold.

Here it is: because Pipes will return results in JSON wrapped in the arbitrary callback of your choice, any RSS feed is now mashable using nothing-but-Net technology: Javascript, CSS, and a little bit of HTML. Once the page loads, the intermediary server (my page, in this case) faces no further bandwidth cost to host the feed. Everything comes down from Pipes, which in turn grabs its information from the source of your choice.

Here's the structure:

<html>
<head>
<link rel="stylesheet" type="text/css" href="presentation.css" />
</head>
<body>
<div id="blogSearch"><a class="doIt" title="Technorati Blog Search"></a><input /><dl></dl>
<p>From Technorati, via Yahoo! Pipes</p>
<p><a href="http://kentbrewster.com/technorati-search-via-yahoo-pipes">get this for your page</a></p>
</div>
<script type="text/javascript" src="behavior.js"></script>
</body>
</html>

Here's the behavior:

Here's the presentation:

You'll want to save the images (progress.gif and technorati.gif) locally to your server or desktop; after that, you should be good to go.

Comments from before Disqus:

Freddy .:. 2009-06-05 12:00:45
Hi sir. you now how I can deactivate the links from being in a blank target

I would like the results from my feed to stay in the same target

Copyright Kent Brewster 1987-2014 .:. FAQ .:. RSS .:. Contact