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

There are a variety of colours and shapes and you can check out the full range on this demo page:

http://assets.okfn.org/images/ok_buttons/demo.html

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 by changing the src attribute on the img tag to the url of a different button (see links above).
3. [optional] Store the button locally: 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). If you do this you will want to update the src url to point to your local copy.

Open Knowledge Button

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

The result should look similar to:

Open Data Button

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

Open Content Button

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

Which should look similar to: