Embed a Timeline JS in your exhibit

Timeline JS enables very attractive multimedia timelines. All you need to create them is a Google spreadsheet for your data and a link.
Creating the Timeline JS data
- Download the Timeline JS Google Spreadsheet Template and make a copy.
- Enter your information in the fields, copying the template's format. Be sure to rename the template and delete any rows left over from template the sample data.
- Publish your Template to the Web (Choose the File tab and then Publish to Web)
- Select "Automatically republish when new data added.
- Copy the Web URL for the spreadsheet (Note Make sure you use the web publish URL rather than the basic URL you get when your Share the spreadsheet).
- Go to [http://timeline.verite.co/ ] and scroll down the page until you see the Embed Generator section of the page.
- Enter the URL for the spreadsheet in the "data source" box. You may preview the timeline at this point. You can customize the font, size and a few other things. Once you are happy with your timeline, preview it again.
Embedding the Timeline JS in your Omeka exhibit.
- Once you are happy with your timeline, copy and paste the Embed code in your Omeka Exhibit page. It will look something like this:
<iframe src='http://embed.verite.co/timeline/?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=PlayfairDisplay-Muli&maptype=ROADMAP&lang=en&hash_bookmark=true&height=650' width='100%' height='650' frameborder='0'></iframe>
Save the Omeka page.
For an example of a Timeline js on an Omeka page, click here.
page revision: 1, last edited: 10 Nov 2014 20:40