블로그 조회 시 움직이는 로딩이미지 파일은 잠시나마 눈을 즐겁게 해주며 블로그의 퀄리티를 높여주기도 한다.
설정하는 방법이 의외로 간단하며 이미지 파일형식인 .gif 파일과 간단한 html 작업이 필요합니다.
Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator
More than 1000 free and premium ajax loader (loading animated GIF, SVG and APNG) spinners, bars and 3D animations generator for AJAX and JQuery
icons8.com
icons8 사이트접속!
다양한 Loading 이미지 파일들을 무료로 이용할 수 있다.
무료이면서 이쁜게정말 많아요 이런 사이트가 정말 좋은 사이트죠 ㅎㅎ
기본색상(original colors)는 흑백이므로 색상을 넣어준다.
Foregroung color 색상변경 > Generate 생성 > Download 다운로드
★ 다운로드 후 파일이름은 image.gif 로 설정해준다.
이유는!!
HTML에 들어갈 명령어가
img src = loading.gif 로 설정해놨기 때문이다.
이미지파일이 준비 되었다면 티스토리 관리자 모드로 들어가서 HTML 파일을 편집해준다.
꾸미기 > 스킨편집
html 편집 클릭
HTML / CSS / 파일업로드 에서
파일업로드 클릭 후 loading.gif 파일을 넣어준다.
파일업로드 > +추가 버튼 클릭
html 에 </body> 바로위에 코드 넣기
완료!!
PC버전에서 확인해보시기 바랍니다
'# 생활 정보' 카테고리의 다른 글
| 자녀장려금 조건확인 및 간편신청하기 방법 (0) | 2021.05.06 |
|---|---|
| [새솔동 수산마켓] 질 좋은 프리미엄 수산물 : 앞바다2021 송산점 (0) | 2021.05.02 |
| SKIET(에스케이아이이테크놀로지) 공모주 청약 신청방법 (0) | 2021.04.28 |
| [주택 자금조달계획서] 증빙서류 온라인 제출 방법 간단소개 (0) | 2021.04.21 |
| 파킹(Parking)통장이 무엇인가? 자세하게 알아보자!! (0) | 2021.04.09 |