티스토리 블로그 프로그레스바, 스크롤 진행률 적용 대하여 알아보겠습니다. 이 게시글을 모두 읽으시면 티스토리 블로그 프로그레스바(스크롤진행률)를 이해하게 되실 겁니다. 티스토리 블로그 프로그레스바, 스크롤 진행률의 정보가 필요하시면 전체 다 읽어주세요. 이제 아래에서 모두 공유해드리겠습니다.
[[나의목차]]
티스토리 블로그 프로그레스바(Progress Bar), 스크롤 진행률 적용방법, 블로그 최적화
1. 프로그레스바(Progress Bar) 정의
☞ Progress Bar는 스크롤의 위치에 따라 진행률을 나타내어주는 Bar입니다. 이를 적용할 시 글의 진행률을 알 수 있으며 블로그 최적화에 많은 도움이 됩니다.
2. Progress Bar 적용방법(코드 첨부)
☞ 스킨 편집 --> html 편집으로 들어갑니다.
해당 코드를 html 편집에서 <body> 태그 안에 넣어주시면 됩니다.
간단 코드 설명
☞ 간단하게 2가지만 보고 가겠습니다.
첫 번째로는 Progress Bar의 두께(height)입니다. 기본값으로는 5가 들어가 있는데, 숫자가 커질수록 Bar의 두께도 두꺼워집니다.
두 번째로는 색상(color)입니다. 기본으로는 노란색으로 들어가 있지만 자유롭게 변경이 가능합니다.
같이 보시면 좋은 글
- 티스토리 블로그 헤더 배경색, 카테고리 색깔 수정하는 방법, 블로그 최적화, 고래스킨
- 티스토리 블로그 사이드바 위치 변경하는 방법, 블로그 최적화
- 티스토리 블로그 썸네일 이미지 위치변경하는 방법, 블로그 최적화, 북클럽스킨
- 티스토리 블로그 제목 전체 표시하는 방법, 블로그 최적화, 북클럽스킨
티스토리 블로그 프로그레스바, 스크롤 진행률에 대해서 알아보았습니다. 도움이 되셨길 바랍니다. 다른 지식도 필요하시다면 상단의 글들을 참고해주세요. 이 게시글이 유익했다면 구독, 하트(공감), 댓글을 해주시면 블로그 유지보수에 원천이 됩니다.
