Our Blog

Using our “website widget” is probably the best option if you want to list classroom projects on your website, but you’re not a web developer comfortable using our classroom projects API.

Follow these simple steps to add classroom projects to your website!

1. Start at DonorsChoose.org advanced search and specify what type of projects you want to appear on your site:
* Execute your advanced search and on the bottom of the search results, choose the “Website widget” option from the “Add to your website or feed reader” menu.
* You will be transferred over to the SpringWidgets website.

2. Customize your classroom projects “widget” on the SpringWidgets website:
* Under “Step 1 Customize This Widget” take these (recommended, but not required) steps to prepare your widget:
** “Set widget embed size:” to 340 x 390
** Set “Border Color” to white (#FFFFFF). which is on the 2nd row of the palette, 3rd column from the right
** Paste this URL into the “Link to image” box: http://www.donorschoose.org/images/logo_trans.gif

* Under “Step 2 Get The Widget Code!” get the HTML code snippet of the widget you’ve created by following the instructions to “Copy the code–Click below & press Ctrl+C”
** To save or test your widget, paste the HTML code snippet into a text editor (such as Notepad), save the file with a “.html” extension, and then open the file in your web browser.

3. Add the classroom projects widget to your website by pasting the HTML code snippet into the code behind your website.

Our thanks to SpringWidgets for making this possible!

Oliver

If you enjoyed this post, you can subscribe to receive new posts via email or RSS!