블로그에 내가 살아온 인생의 타임라인 넣기 - Timeline JS3
Timeline을 만들어주는 사이트
이번에 소개드릴 사이트는 타임라인(Timeline)을 만들어주는 사이트입니다.
내 인생의 히스토리, 프로젝트 경험의 타임라인, 특정한 주제의 시간에 따른 경과 등을 표시하고 싶은데, 직접 제작하자니 너무 어렵고 쉽게 Timeline을 제공해주는 사이트를 찾아보니 바로 나오는군요!
아래 링크를 접속해서 안내해 드리는 내용을 따라서 하시면 쉽게 타임라인을 만들어서 내 블로그 등에 게시할 수 있습니다.
참고 주소: http://timeline.knightlab.com/
- 회원 가입은 필요 없고, 'Make a Timeline' 버튼을 누르면 순서대로 따라서 진행하면 됩니다
- 단, Google 계정이 필요하고, Google Spreadsheet (인터넷 엑셀 프로그램)을 사용해야 합니다.
- 사이트에 링크된 'template' 버튼을 누르면 제공하는 템플릿이 팝업되고, 상단에 '이 템플릿 사용, Use this template' 버튼을 누르면 본인의 Spreadsheet 계정에 파일이 저장되네요.
- 각 줄에 내용을 지우고 시작 일자, 끝 일자, 내용, 링크, 이미지 등을 기록하면 되고요. 별도로 저장 버튼은 못 찾겠더라고요. 아마도 변경 내용을 바로 자동으로 저장하는 것 같습니다.
- 내용을 편집할 때 주의하실 점은 컬럼 헤더를 지우거나, 컬럼 자체를 지우거나 공백이 있는 줄이 있거나 하면 안 된다는 점입니다.
- 다음은 파일(File) 메뉴의 '웹에 게시(Publish to the web)'를 클릭해서 뜨는 팝업 화면에 게시를(Publish) 누르시고 생성되는 공유 URL을 복사하신 후에 Google Spreadsheet는 닫으시면 됩니다.
- 다시 Timeline 사이트로 돌아와서 복사한 URL을 3단계의 Google Spreadsheet URL에 입력하시면 되고, 너비(Width), 높이(Height) 값을 조정하시고, Optional Settings (Show) 버튼을 눌러서 좀 더 자세한 설정을 변경할 수 있습니다.
- 마지막으로 4단계에 생성되는 테그를 본인의 블로그나 홈페이지 등에 테그를 삽입해서 사용하시면 되겠습니다.
-
예제를 보시려면 제 블로그의 ABOUT 메뉴를 눌러보세요.
비슷한 내용의 참고 사이트
http://erictus.tistory.com/entry/Timeline-%EC%B0%B8%EC%89%AC%EC%9A%B4-%EC%82%AC%EC%9A%A9%EB%B2%95