Timelinejs搭配google帳戶使用，相輔相乘。

1. Timelinejs使用SOP

2. 點下Make a Timeline now

3. 點google speadsheet template
(小提醒:請先登入gmail帳號，表格會直接儲存在google雲端 )

4. 點選使用此範本，即可編輯表格

5. 表頭介紹由左至右
1開始時間2結束時間3標題4敘述5媒體網址6媒體來源7媒體標題8媒體簡短文字9類型10標籤

6. 時間只顯示年代
1.選取A&B兩行

7. 時間只顯示年代
2.選擇格式→數值→純文字
1.
2.
3.

8. 對照表格內容&輸出情況
1開始時間2結束時間3標題4敘述5媒體網址6媒
體來源7媒體標題8媒體簡短文字9類型10標籤

9. 1開始時間2結束時間3標題4敘述5媒體網址6媒
體來源7媒體標題8媒體簡短文字9類型10標籤
1
3
4
5
67
10

10. Google雲端文件上傳
1.
2.

11. Google雲端文件上傳
3.
4.

12. Google雲端文件上傳
5.修改文件名稱
6.貼上你的文字或圖片

13. Google雲端文件上傳
7.點選檔案
8.點選發佈到網路

14. Google雲端文件上傳
9.點選內崁
10.複製全部網址

15. Google雲端文件上傳
11.貼上timeline表格中的media

16. Timelinejs圖片放置SOP

17. 1.
2.
進入google帳號，點選應用程式
3.

18. 4.
5.
照片放置，開新網誌發新文章

19. 6.
照片放置，發新文章

20. 7.上傳照片後，圖片會顯現在文章內
圖片上傳BLOG產生JPG網址

21. 8.圖片顯現後選擇圖片按右鍵，在新分頁中開啟連
結，即會產生照片的網址列
Ex:http://xxxxx.jpg or http://xxxxx.png

22. 直接複製網址貼上timeline表格
media欄即可

23. <a href="http://yang-
mu.blogspot.tw/2014/08/blog-
post.html"
target="_blank"><span
style="color:#ff8000;">《花季》
</span></a>。
timeline內文連結語法
《花季》連結到紅色網址列，color可選顏色

24. 將網址貼上media
貼上timeline表格中的media

25. 表格完成後
點選1.檔案→2.發佈到網路
1.
2.

26. 3.點選開始發布→4.複製網址
3.
4.複製網址

27. 5.回到Timelinejs網頁→6.往下選樣式
5.貼上
6.點選

28. 選擇樣式1地圖2文字3永遠選擇最新
年份4選擇開始頁
地圖樣式
文字樣式
從最新年份開始
選擇開始頁數

29. 點選Preview即能在下面查看Timeline

30. 第一種地圖樣式+第一種文字

31. 第二種地圖樣式+第二種文字

32. 第三種地圖樣式+第三種文字

33. 第四種地圖樣式+第四種文字

34. 第五種地圖樣式+第五種文字

35. 第六種地圖樣式+第六種文字

36. 第七種地圖樣式+第七種文字

37. 第八種地圖樣式+第八種文字

38. 第九種地圖樣式+第九種文字

39. 第十種地圖樣式+第十種文字

40. 第十種地圖樣式+第十一種文字

41. 第十種地圖樣式+第十二種文字

42. 第十種地圖樣式+第十三種文字

43. 第十種地圖樣式+第十四種文字

44. 第十種地圖樣式+第十五種文字

45. 第十種地圖樣式+第十六種文字

46. 第十種地圖樣式+第十七種文字

47. 第一種文字

48. 第二種

49. 第三種

50. 第四種

51. 第五種

52. 第六種

53. 第七種

54. 第八種

55. 第九種

56. 第十種

57. 第十一種

58. 第十二種

59. 第十三種

60. 第十四種

61. 第十五種

62. 第十六種

63. 第十七種