BYBLACK DUCK

Quick Guide To Ohloh Widgets

One of my favorite things about joining a new project is learning about features you didn’t know existed.

For example, last week our developer lead gave me an in-depth guided tour of the Ohloh feature set. One of the features that surprised me were the Ohloh widgets. I knew there were project widgets, but I didn’t know there were other types.

In case you are looking for more ways to promote your project, your involvement in a project, or your project team, you might want to check out these different types of widgets.

There are 3 basic types of widgets.

Project widgetshttp://www.ohloh.net/p/PROJECT_NAME/widgets

Project Widget

People widgetshttp://www.ohloh.net/accounts/USERNAME/widgets

People Widget

Stack widgetshttp://www.ohloh.net/stacks/STACK_NUMBER/widgets

Stack Widget

Project widgets

The project widgets allow you to encourage others to use the project or embed popular statistics about the project on your blog or iGoogle page.

Go to any project, like Firebug for example, and navigate to the bottom right to the Widgets area. You can click on anywhere in the gray box to navigate to the Firebug widgets page.

Project Widget Edit

You’ll now see many different widgets for you to choose from, ranging from “I use it” smaller styles

Small Project Widget

to larger statistical widgets.

Large Project Widget

People Widgets

People widgets allow you to show your Kudos score and/or your Ohloh profile. You could also use these widgets to list members of your project.

Go to any user’s account like Stefan Kung and navigate to the bottom right to the Widgets section.

Edit People Widget

You’ll see a few choices for widgets, from a simple profile to a detailed kudos view.

People Widget

Stack Widgets

From the Ohloh FAQ, a stack is a set of programs that are combined to make up a software system. It’s up to you what you put into you different stacks. Stack widgets allow you to list what projects you have in each of your stacks.

For example, in my account there is My Stacks under Summary. Once selected, my stacks are shown. To view the embed code, click on the Embed link under the tools.

Stacks Widget Page

You can now customize how your stack widget looks on the Widgets for Tools page.

Stacks Widget Edit Page

Embedding it all together

Over on my blog, I have a section in the navigation that displays the different types of widgets.

Ohloh Widgets on a blog

I really enjoy writing “how-to” posts, so please let me know what topics I should write about next!

  • eraonel (eraonel)

    Hi,

    I tried to add widget on Mediawiki (sourceforge) but without success.
    Any ideas?

    https://www.ohloh.net/forums/10/topics/5968

    mike

  • http://www.ohloh.net/blog saraford (Sara Ford)

    Hi Mike,

    I took a look at your sourceforge page. I think your best bet is to use a widget that is just a single image, so you can link to the image directly, like an img tag that uses http://www.ohloh.net/p/firebug/widgets/projectthinbadge.gif

    This will work for the complex widgets that have HTML text, but many of the widgets are just single images.

    HTH,
    -sara

  • Matthias

    The link to the project widgets is broken (should lead to http://www.ohloh.net/p/PROJECT/widgets).

    • http://degenportnoy.blogspot.com/ Peter Degen-Portnoy

      Hi Matthias;

      Thanks for your comment. Unfortunately, I’m having some difficulty understanding where the link is to which you are referring. Could you help me out? Are you referring to the sample link above? If so, then please replace “PROJECT_NAME” with the Ohloh project short name (like “firefox” or “apache” or “rails”).

      If not, could you post the URL of the page with the broken link?

      Thanks,

      pdp