[TISTORY블로그 스킨] 티스토리 #2기본스킨 이미지 바꾸기

 

 

-

 

오늘은 TISTORY에 있는 기본스킨 (#2) 왼쪽에 있는 사진을

바꾸는 법을 알려드릴게요.

 

웹프로그래밍 공부하신분이면 매우 쉬우실거에요

하지만 아니신 분들도 크게 어렵지 않으니깐

부담 안가지셔도 됩니다 !!

 

 

우선 관리자 페이지에 '스킨'으로 들어갑니다.

 

-

 

1.

 

 #2스킨을 선택하시구요.

HTML/CSS편집을 클릭합니다.

 

-

 

2.

 

 

 

그럼 이런창이 하나 뜰텐데요.

왼쪽화면에는 미리보기,

오른쪽화면에 보시면 HTML / CSS 소스와

파일업로드할 수 있는 탭이 있네요.

 

파일업로드 탭을 누릅시다!

 

 

-

 

3.

 

 

 

그럼 이미지파일의 목록들이 쭈욱 뜰건데요

이 중에서 왼쪽 이미지에 쓰여지는 파일은

'images/header_default.jpg'

이 파일입니다.

 

체크하고 삭제 해주세요.

 

 

그리고 나서 추가 버튼을 누릅니다.

 

-

 

4.

 

 

그럼 이제 준비하신 이미지를 선택한 뒤

열기 버튼을 눌러서 업로드해주세요~

 

아! 이때 ★업로드 하는 이미지 이름을 잘 기억해주세요 !!

저는 header_my2로 해줬습니다.

(자신없으신 분은 이미지이름 저와 똑같이 해주세요.)

 

 

+) 업로드 용량제한이 있으니 너무 고화질 이미지는 업로드가 안됩니다!

 

 

-

 

5.

 

 

그리고 CSS탭을 눌러

CSS소스가 있는 곳으로 갑니다.

 

그리고 control+F 를 눌러서

 images/header_default.jpg

가 적혀있는 위치를 찾읍시다.

 

-

 

6.

 

그럼 한 60라인과 61라인 사이에

저렇게 코드가 있을건데요.

 

저 노란부분을 지워주고

 

images/업로드한 파일이름.파일형식

 

를 적어줍시다.

 

저같은 경우에 아까 업로드한 이미지이름이 

header_my2였고 파일형식은 jpg였으므로

 

images/header_my2.jpg로 적었겠죠?

 

-

 

7.

 

 

자 그러고나서

저장버튼을 누르고

 

왼쪽화면상단에 새로고침을 누르면

 

-

 

8.

 

 

짠 ! 그러면 아까 잔디가 있던 공원(?)같던 이미지에서

자신이 선택한 이미지로 바뀌었답니다.

 

 

어때요? 차~암 쉽죠????

 

 

 

-

 

이제 자신의 블로그에 들어가서 한번 확인해보세요

 

 

 

제대로 바뀐것을 알 수 있습니다!

 

 

펼치면 사진이 크게 잘 나오네요 ㅎㅎ

 

 

 

 

 * 공감 버튼은 포스팅에 큰 힘이 됩니다.

↓↓↓