티스토리 '진행표시줄' 또는 'Progress Bar' 만들기

티스토리의 오디세이 스킨에서 블로그 글을 스크롤할 때 진행 표시줄(Progress Bar)을 추가하는 코드는 HTML, CSS, 그리고 JavaScript를 활용해서 구현할 수 있습니다.

 

반응형

1. 티스토리 [스킨 편집]에서 [html 편집]으로 갑니다. 

 

 

2. <body...>로 시작되는 구간 안에 소스코드(다운로드 아래 ▼)를 '붙여넣기'하고 '적용'을 누르면 됩니다. 진행 표시줄의 두께와 색상은 코드 중간에 height: 그리고 color: 부분에서 변경 가능합니다. 

 

TISTORY Progress Bar Code.txt

0.00MB

 

320x100