티스토리 로딩 화면 설정해보자.Etc/tistory_info2018. 7. 25. 00:01
Table of Contents
반응형
티스토리를 하다가 홈페이지가 가끔씩 느려지거나 기다릴 경우가 종종 있을 겁니다.
찾아보다가 좋은 정보가 있어서 알려드릴려고 합니다.
다음 링크를 클릭합니다.
http://github.hubspot.com/pace/docs/welcome/
들어가서 스크롤바를 내리다 보면 다음과 같은 Download창이 있는데 다운받아 줍니다 .
압축을 풀어 주고 자신의 티스토리 블로그에 파일 업로드를 해줍니다.
* pace.min.js 파일 업로드 화면 *
그리고 마음에 드는 로딩 화면을 다운 받아 줍니다.
저는 개인적으로 로딩바가 마음에 드네요 ㅎㅎ
다운 받으면 소스가 보이는데 소스 전체를 복사 해줍니다.
복사한 소스를 HTML편집으로 들어와서 <head> 밑 쪽에 복사 붙여넣기를 해줍니다.
저 같은 경우네는 <head> 바로 밑 쪽에 넣어주었습니다.
<script>로 크게 묶어 주고 <style>로 작게 묶어 줍니다.
이때 <script>에 src는 pace.min.js 파일 경로 그대로를 설정해 줍니다.
사진과 같이 똑같이 하면 됩니다.
소스가 상당히 깁니다...ㅎㅎ 해주었으면 저장을 꾸욱 해줍니다.
적용이 된 것을 확인할 수 있습니다 .
반응형
'Etc > tistory_info' 카테고리의 다른 글
| [티스토리]- 사이트맵 생성 및 제출하기 (1) | 2019.11.22 |
|---|---|
| 티스토리 사이드바 글자 크기 폰트 수정하기 (0) | 2019.07.08 |
| 티스토리 마우스 커서 바꾸기!! (0) | 2018.07.24 |
| 티스토리에 SNS 아이콘 추가하기 (0) | 2018.07.24 |
| 티스토리 소스코드 이쁘게 올리는 방법(Color Scripter ) (0) | 2018.07.13 |
@IT grow. :: IT grow.
#IT #먹방 #전자기기 #일상
#개발 #일상
![[티스토리]- 사이트맵 생성 및 제출하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbh0a7d%2FbtqzWrRnr7t%2F1o49JPINlK3QJk6TpR0dM1%2Fimg.png)
