The Open Knowledge Definition

Defining the Open in Open Data, Open Content and Open Information

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.

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:

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 -->

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 -->