블로그에 로딩바 넣기

예전 글에는 로딩바를 보여줬다가 페이지 로드가 끝나면 로딩바를 없애는 방법으로 로딩바를 구현했는데요. 이번에 더 멋지고 깔끔한 방법을 알게 되었습니다. 이번 것은 페이지 로딩 정도에 따라서 퍼센트 표시도 가능합니다.

http://github.hubspot.com/pace/docs/welcome/

위 링크에서 pace.js 파일을 받아다가 HTML/CSS 편집에서 업로드 해주세요.

</head> 위에 아래 코드를 넣어주시고

<script src="./images/pace.js"></script>

style.css에다가 아까 그 링크에서 마음에 드는 테마를 골라 해당 코드를 집어 넣으시면 됩니다. 참고로 제 블로그에 적용되어 있는 건 Flash 테마입니다.

로딩바가 있으면 방문자도 로딩을 좀 더 기다리게 하는 효과가 있으니 블로그 로딩이 느리다고 생각되시는 분들은 한 번 추가해보세요.