Skip to content


Subversion checkout URL

You can clone with
Download ZIP
GitHub Blog Badges for Everyone
JavaScript Ruby
Branch: master
Failed to load latest commit information.
config update website with git src
lib Added better test for opera support (tested in Ubuntu without opera i…
script update website
src if jquery is already installed the badge now works (was using the wro…
test bump to v1.2.3
website @ d6d25ff bump website
.gitignore Added .DS_Store to .gitignore file.
.gitmodules migrated website -> gh-pages branch, and replaced with submodule link
History.txt bumped to 1.2.4
License.txt initial import
README.markdown 1.2.2 - updated doc/website for new GITHUB_TITLE + GITHUB_SHOW_ALL co…
Rakefile 1.2.0 - fixed check for blackness


Github Badges

Want to show off your projects on github to world? Then a sexy badge on your blog would be awesome.

Its still under development, but here is a screenshot of the unit tests + the sample badge below.

github badge: new look-n-feel

Live Demo

See the project website:


It is expected that to use the widget, you will copy + paste + modify the following snippet into your blog sidebar.

<div id="github-badge"></div>
<script type="text/javascript" charset="utf-8">
  GITHUB_USERNAME = "drnic";
  GITHUB_HEAD = "div"; // e.g. change to "h2" for wordpress sidebars
  GITHUB_THEME = "white"; // try 'black'
  GITHUB_TITLE = "My projects"
  GITHUB_SHOW_ALL = "Show all"
<script src="" type="text/javascript"></script>

Black background? If your site has a black background the badge will automatically attempt to use the black_badge.css theme. If it doesn't trigger for your site add the GITHUB_THEME='black' code to the configuration above.



Dr Nic Williams,

Something went wrong with that request. Please try again.