티스토리 관리 HTML

티스토리 프로필 프사 움짤 gif로 만들기 [html편집]

퀘싸이 2021. 6. 5. 01:05
SMALL

티스토리 스킨 중 홈 화면에 프로필 사진이 들어있는 '오디세이(Odyssey)'스킨으로 적용이 먼저 필요합니다.

그 외, 개인 스킨이라도 홈 화면에 프로필 사진이 있다면 문제 없습니다.

먼저 관리 홈 -> 꾸미기에 '스킨 편집' -> 'HTML 편집'을 클릭

우상단에 '파일업로드' -> 우하단에 '추가' -> 팝업으로 뜨는 창에서 적용할 gif를 골라줍니다. 그러면 맨 아래 업로드가 될텐데 우클릭 후 '링크 주소 복사'

https://ezgif.com/

 

Animated GIF editor and GIF maker

Easy to use online animated GIF maker and image editor. Upload and edit GIF images for free. Create, crop, resize, reverse, optimize and split animated GIFs, cut and resize videos, WebP and APNG animations.

ezgif.com

이 때 gif 파일은 크기가 맞춰있어야합니다. 저는 width, height 각각 250px로 했어요. gif파일 크기 변경이 필요하면 위 url로~

이번엔 HTML을 클릭 -> Ctrl+F를 눌러 "##_image"를 검색합니다. 찾은 곳에 <img src>="~image~~~class~~~프로필사진"> 이렇게 적혀있는데 빨간칠한 쌍따옴표 구간을 모두 날려버리고 위에서 복사한 걸 붙여넣어줍니다.(Ctrl+V, 아까 '링크 주소 복사'했던거)

 

그러면 적용 -끝-

 

 

LIST