티스토리 블로그 로딩 화면 적용하기
안녕하세요
구글 애드센스 광고를 설정한 블로거분이라면 공감하시겠지만,
글을 작성한 직후에 애드센스가 뜨지 않는 현상을 종종 발견하셨을 거에요.
이는, 애드센스 광고 로딩 현상때문인데요.
이런 로딩현상으로 인한 애드센스 광고 생략에 따른 유입률 저하 현상을 '로딩창' 형성으로 인해 조금 더 줄일 수 있습니다.
*구독자분들 같은 경우에도 로딩이 되면서 갑자기 애드센스 창이 뜨면서 게시글을 읽는데 방해가 되는 현상을 줄일 수 있다는 점에서 블로거,
구독자 분들 모두에게 win-win이라고 볼 수 있을 것 같네요.
블로그(티스토리) 로딩 화면 만들기 Process
① 로딩 화면에 사용할 이미지 다운로드(GIF)
아래의 링크(사이트)를 타고 들어가 원하는 로딩 화면 이미지(GIF) 다운로드
*다운로드 시, 파일명은 HTML 편집시 사용되어지기 때문이 loading.gif [모두 소문자]로 저장
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
저는 위와 같은 gif를 사용하였습니다.
+ 혹은 구글에서 loading.gif 등으로 검색
② 티스토리 관리자(단축키 'Q') - 설정 - 꾸미기 - 스킨편집 - HTML 편집에서 GIF(loading.gif) 업로드
③ '파일 업로드' 좌측의 'HTML'의 <body>, </body>사이에 소스 삽입
*관련 소스는 위에 따로 제가 올려놓은 '블로그 로딩 화면 code.txt'를 다운받으시면 됩니다.
④ 적용버튼을 누르고 제대로 적용되었는지 확인
도움이 되셨길 바랍니다.
안녕!
'다양한 생활 정보' 카테고리의 다른 글
| 티스토리 블로그 순위 확인하기 [feat. 블로그차트] (1) | 2021.07.14 |
|---|---|
| 갤럭시 S21 카메라 무음 설정하기 [간단 Ver] (0) | 2021.07.10 |
| 스타벅스 이프리퀀시(E-Frequency) 선물하는 방법! (0) | 2021.06.28 |
| 네이버페이 쿠폰(기프티콘) 등록하는 방법[모바일 VER] (0) | 2021.06.24 |
| [얀센 백신 후기] 24시간 시간대별 기록 (0) | 2021.06.15 |
