So, you’ve registered for GeoToolkit and you’ve generated the code to add a StoryMap to your blog. What do you do with that code? (If you don’t have your code yet, go to GeoToolkit, register your site, and get your code!) Here are the instructions for pasting the code into the sidebar of the most common blog platforms. If you don’t see your platform below or want to put your StoryMap in another part of your site but aren’t sure how, email us for instructions.

Blogger (for example any site with “blogspot” in the URL)

1. Click the Layout tab
2. Click Add a Gadget (if you don’t see ‘Add a Gadget,’ click on the Page Elements link at the top of the page.)
3. Scroll down to the HTML/JavaScript gadget and click it.
4. Give your StoryMap a title, paste the code in the ‘Content’ box, and click the Save button on the bottom right.
5. View your blog and admire your new StoryMap!

WordPress
(Currently only non-hosted WordPress accounts are supported. WordPress.com StoryMaps are coming soon!)

Option A (The Plugin)–Go to The outside.in StoryMap WordPress Plugin and follow the instructions there.

Option B (Manual Code Paste)

1. Click “Appearance” in the left column, then click “Editor” in the section that opens beneath Appearance
2. Click “Sidebar” under the “Theme Files” header in the right column.
3. This part is a little tricky—you need to figure out where you want your map to show up compared to other sidebar elements. This will usually be right after a </li> tag for another sidebar item.
4. Once you’ve found the correct spot, type type <li id=”My StoryMap”>, paste your StoryMap code, then type </li>.
5. Depending on your template, you may want to add a header above your StoryMap in <h2> or <h3> tags.
6. *Note* The above instructions may differ depending on your template. Send us an email with specific questions.

Typepad
Make sure you have the option to customize your theme. Typically, it’s only available to subscribers at the Plus level and above.

Follow these instructions to add the StoryMap to your Typepad theme.

Tumblr
(We recommend you use the small map size to start and then customize it, if you need to.)

1. Click on Customize in the top right corner
2. Click on Info in the top left corner
3. Paste the code into the Description field.
4. Click on Save Changes in the top right corner.
5. Admire your map and go to GeoToolkit to change the size if you need to.

This entry was is filed under General, Tips & Tricks. You can follow any comments to this entry through the RSS 2.0 feed. You can leave a comment, or trackback from your own site.