본문 바로가기
IT/티스토리 & 애드센스

티스토리 Flatinum 스킨 이미지 변경하기

by SidePower 2020. 10. 7.

스킨보다는 글이 더 중요하다고 생각해 
거의 스킨에는 신경쓰지 않은거 같습니다.
자주 보니 지루해 지더라구요. ㅋ

그나마 Flatinum을 선택한 이유도 반응형이고
3개의 이미지가 자동으로 바꿔서 한건데요. ^^;;
시간이 좀 지나니깐 티스토리 스킨과 이미지 바꾸자는 욕구가 치솟더라구요.ㅋ

좋아하는 이미지 3개를 찾아 적용해 봤습니다.

 

버튼 클릭해서 이미지 선택해서 바꿔지는게 아니더라구요. 

Html 편집을 해야 됩니다. 

그치만 너무 간단해서 금방 후딱 해버렸습니다.

 

해야 될 일을 간단히 정리하면

첨부터 설정되어 있는 3개 이미지 파일을 찾아요.

html 에서 이미지 파일 이름으로 코딩된 위치를 찾아요.

내가 좋아하는 이미지 파일 3개를 티스토리에 파일업로드 합니다.

html 에 찾은 위치에서 새로 업로드한 파일 이름으로 바꿔주면 됩니다.

간단하조. ㅋ

 

 

시작합니다.

 

1) 현재 제 티스토리 스킨 이미지입니다.  Flatinum 스킨 적용하면 기본 이미지입니다.

 

 

 

2) 관리자 - 스킨 편집 클릭해주세요.

 

 

3) 오른쪽 Html 편집 클릭해주세요.

 

 

4) 파일업로드 메뉴 클릭하시면 아래 이미지 파일 리스트가 나옵니다.

 

 

5) 이미지 파일 하나씩 클릭해 보시면 오른쪽에 이미지가 작게 보입니다.

   상단 스킨 이미지 3개 찾았습니다. 이미지 파일 이름 꼭 기억해주세요.

 

 

6) 맘에 드는 이미지를 준비해주세요. 최대 3개입니다.

    이미지 규격은 1920 x 600 입니다. 

    3개 이미지를 모두 동일한 규격이면 깔끔하지만

    꼭 안 맞추셔도 적용됩니다. 

    파일업로드 하단에 추가 버튼을 클릭해주세요.

 

 

7) 추가된 이미지 파일이 업로드 되었습니다.

 

 

8) 이제 Html 메뉴 클릭합니다.

    Html 코딩에서 눈으로 찾기 힘들어요. 

   검색 기능을 사용해 볼게요. 

   Ctrl + F 키보드 누르시면 상단에 노란색으로 검색 화면이 생깁니다.

   저는 slider 치고 Enter 키 눌러 검색했는데 바로 찾아지더라구요. 

   위에서 기억한 이미지 파일 이름 그대로 넣고 찾으셔도 됩니다.

 

 

9) 이미지 파일 위치 3군데 입니다.

     추가한 이미지 파일 이름으로 바꿔 주세요. 

 

 

11) 적용하고 왼쪽에 새로 고침해서 바뀐 이미지가 적용된지 확인해주세요. 끝입니다.

 

 

12) 티스토리 메인 화면에서 다시 확인해 봤습니다.

 

 

 

감사합니다.

반응형

댓글