Open Knowledge and Open Data Web Buttons

We've created some web buttons which you can use to indicate that the material you are distributing is open.

ok_80x15_blue ok_80x15_red_green ok_80x15_orange_grey ok_80x23_blue ok_80x23_black

od_80x15_blue od_80x15_red_green od_80x23_blue od_80x23_black

oc_80x15_blue oc_80x15_red_green oc_80x23_blue oc_80x23_black

There are a variety of colours and shapes and you can check out the full range here: http://m.okfn.org/images/ok_buttons/

Note: This demo page in that directory displays all the buttons side by side.

To add an open knowledge button to your page:

  1. Add one of the html snippets below to your web page.

  2. [optional] Change the button image and/or store the button locally. You can change the button image by simply changing the src attribute on the img tag to the url of a different button (see links above). You can also download the button you want to use and save it locally (just navigate to the directory linked above, click on the button you want and then choose Save As). In that case you will want to update the src url to point to your local copy. 

<!-- Open Knowledge Link -->
<a href="http://opendefinition.org/">
  <img alt="This material is Open Knowledge" border="0"
  src="http://m.okfn.org/images/ok_buttons/ok_80x15_blue.png" /></a>
<!-- /Open Knowledge Link -->

The result should look similar to:

This material is Open Knowledge

If you want to change to an Open Data or Open Content link just use: 

<!-- Open Data Link -->
<a href="http://opendefinition.org/">
  <img alt="This material is Open Data" border="0"
  src="http://m.okfn.org/images/ok_buttons/od_80x15_blue.png" /></a>
<!-- /Open Data Link -->

This material is Open Data

or 

<!-- Open Content Link -->
<a href="http://opendefinition.org/">
  <img alt="This material is Open Content" border="0"
  src="http://m.okfn.org/images/ok_buttons/oc_80x15_blue.png" /></a>
<!-- /Open Content Link -->

This material is Open Content