Displaying the Badges You’ve Earned on your Blog or Site

Once you’ve earned some badges, you may be looking for ways to display these badges on your blog or Web site. This can be beneficial for those who wish to let their followers know what they are up to or if they are using badges as credit for employment. Don’t fret about having to learn a new programming language, displaying your badges is easier than you think!

First, log into your backpack and arrange your badges into ‘collections’. Login: http://backpack.openbadges.org/backpack/login 

Go to ‘collections’. Create collections for your badges. Then, drag and drop your badges into the collections.

Now, log into http://badgewidgethack.org.

Choose a group you would like to display  and ‘continue’. (If you want to display all of your groups, you will have to select this information several times.)

Simply copy and paste the provided text into a widget on your blog (such as a ‘text’ widget, like I do) or an html space on your Web site.

You should now see your badges displayed like so on your Web site.

That’s all there is to it!

Submit a Comment

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>