Mozilla graphic badge is the easy way to create web badges
Mozilla created a website called openbadges.me where people can design and Issue Open Badges. You can use the free online generator to create a badge for your website or blog. Badges also make great picture overlays.
It does take a bit of time to learn all the functionality of the online editor. Once you get it, making badges will be easy to do any time you need one.
Open Badges are visual tokens of achievement, affiliation, authorization, or other trust relationship sharable across the web. Open Badges represent a more detailed picture than a CV or resume as they can be presented in ever-changing combinations, creating a constantly evolving picture of a person's lifelong learning.