Saturday, December 30, 2006

Technorati Favorites widget using tagged Favorites

Thought some people might find this useful. A Technorati user
recently sent in a support request asking how they might replace
their blog roll with the http://technorati.com/account/favwidget.html
- Technorati Favorites Widget, but be able to scope the list to blogs
they had tagged in their favorites.

Here was my response:

This is a great request and totally doable. I love the fact that you
have embraced our Favorites feature and are using it to tag your
favorite blogs. Here
goes.

Per our instructions on http://technorati.com/account/favwidget.html,
you can
create a Favorites widget for the most recently updated blogs in your
Favorites
with:


<iframe src="http://widgets.technorati.com/faves/teendoc?t=blogs"
marginwidth="0" marginheight="0" style="border: 1px solid rgb(0, 0,
0); padding: 0pt;" frameborder="0" height="400" scrolling="auto"
width="200"></iframe>


<iframe src="http://widgets.technorati.com/faves/teendoc?t=blogs"
marginwidth="0" marginheight="0" style="border: 1px solid rgb(0, 0,
0); padding: 0pt;" frameborder="0" height="400" scrolling="auto"
width="200"></iframe>

However, we don't tell you how to do the same thing for a subset of
your blogs
that you have tagged. Let's say you wanted to list the most recently
updated
blogs you had tagged Fertility. It's quite simple. All you need to do
is chagne
the src= part of the iframe tag as follows:



<iframe src="http://widgets.technorati.com/faves/teendoc/tag/
Fertility?t=blogs" marginwidth="0" marginheight="0" style="border:
1px solid rgb(0, 0, 0); padding: 0pt;" frameborder="0" height="400"
scrolling="auto" width="200"></iframe>

Note how I changed:

src="http://widgets.technorati.com/faves/teendoc?t=blogs"

to

src="http://widgets.technorati.com/faves/teendoc/tag/Fertility?t=blogs"

That's it.

Also, here is a short piece of HTML that, if you save to your PC and
open in a
browser will show you two different widgets with a header.

*** BEGIN HTML JUST BELOW ***




<h1>Favorites Blogroll with tag = Technorati</h1>

<iframe src="http://widgets.technorati.com/faves/dorion/tag/
Technorati?t=blogs" marginwidth="0" marginheight="0" style="border:
1px solid rgb(0, 0, 0); padding: 0pt;" frameborder="0" height="400"
scrolling="auto" width="200"></iframe>

<h1>Favorites Blogroll with tag = Me</h1>

<iframe src="http://widgets.technorati.com/faves/dorion/tag/Me?
t=blogs" marginwidth="0" marginheight="0" style="border: 1px solid rgb
(0, 0, 0); padding: 0pt;" frameborder="0" height="400"
scrolling="auto" width="200"></iframe>



*** END HTML JUST ABOVE ***

No comments: