Display a set of badges based on files in a directory off the root of the blog.
All badges needs to be named
XXname.inc, where "XX" is a number (used to determine ordering) and the ".inc" is required.
You could view the included "demo" file:
00testbadge.inc, but here's another, slightly simpler, example:
<!-- Support CC --> <div id="badge-supportcc-inner" onclick="location.href='http://creativecommons.org';" style="cursor: pointer;"> <img width=88 height=31 alt="http://creativecommons.org" title="Support the Creative Commons!" src="http://creativecommons.org/images/support/2010/cc-support.png" /> <br /> Support the Creative Commons! </div> <!-- /Support CC -->
Quite simply by using the
div.badgegroup class to style a set of badges. To style them individually, use the
Look for the relevant "Badge Group's" ID and then use the
div#badge-ID > div.badge CSS selector.
Easiest yet: every badge gets a unique ID generated by the plug-in based on the badge's file-name and the directory. Simply use that (you'll have to inspect the source to see what the id is; by example the ID generated by my Site-Licence badge is "badge-damn-licencing-licencing").