Make a Timeline

TimelineJS works on any site or blog. Make your own in four easy steps. (video tutorial)

1

Create your spreadsheet

Build a new Google Spreadsheet using our template. Drop dates, text and links to media into the appropriate columns. Note: Don't change the column headers, don't remove any columns, and don't leave any blank rows in your spreadsheet.

Google Spreadsheet Template

2

Publish to the web

Publish to Web

Under the File menu, select “Publish to the Web.”

In the next window, click the blue "publish" button. When asked, "Are you sureā€¦?" click OK.

Now, copy the URL that appears in the center of the window. You'll use this in the next step.

Publish to Web 2

Publish to Web 3

3

Copy/paste spreadsheet URL into the generator box below

Make sure you've published it.

Width
Height

More Options

Customize (Optional)

If you are using a Google map type, please enter your API Key.

click to preview font combinations

This will tweak the default zoom level. Equivalent to pressing the zoom in or zoom out button the specified number of times. Negative numbers zoom out.

Slide

You can tell TimelineJS to start at a specific slide number

4

Embed the code into your website

Grab the embed code and paste it on your site where you want your TimelineJS to appear (just like a YouTube video).



Preview Link to Preview

Preview