티스토리 블로그 스킨 배경이미지 바꾸기

안녕하세요.

오늘은 티스토리 블로그 스킨의 배경 이미지를 바꾸는 방법을 알아보겠습니다.

이것이 대체 무슨 말이냐~

위의 이미지는 제가 블로그의 스킨을 바꿔서 적용했을 때의 블로그 화면입니다.

페이지의 왼쪽을 보시면 웅장한 저택 사진이 보이죠?

해당 이미지를 제가 원하는 이미지가 보이도록 바꾸고 싶다는 겁니다.

바로 이것처럼요!
(차마 앞모습은 밝히지 못하고 뒷모습입니다 ㅎㅎ)

그럼 이미지를 어떻게 바꿨는지 알아보도록 하겠습니다.

우선 스킨을 바꿨을 때 처럼 관리페이지에 들어갑니다.

그리고 지난 포스팅에서 살짝 언급했던 HTML/CSS 편집 메뉴를 클릭합니다.

해당 메뉴를 클릭하면 위와 같은 페이지로 넘어가게 됩니다.

오른쪽에서 HTML 태그나 CSS 속성을 바꿀때마다 왼쪽의 미리보기 화면에서

바로바로 적용되는 화면을 확인할 수 있습니다.
(이미지가 작아서 잘 보이지 않으신다면 이미지를 클릭하시면 확대해서 보실 수 있습니다.)

우리는 이 중에서 먼저 빨갛게 표시한 파일업로드 탭에서 작업할 겁니다.

내가 보이길 원하는 이미지를 아래쪽에 빨갛게 표시한 추가 버튼을 눌러서 업로드 해줍니다.

여기서 보이는 빨간 네모박스 jpg 파일이 제가 업로드한 이미지입니다.

이제 해당 이미지를 CSS에서 적용하면 됩니다.

CSS탭을 열어주시고 background-image 속성을 찾아주세요.

해당 속성에서 이미지의 url을 업로드한 이미지의 url로 바꿔주시면 됩니다.

저의 경우 원래 image url이 header_default.jpg라는 이미지로 설정되어 있었습니다.

아마 이 부분은 자신이 적용한 스킨이 무엇이냐에 따라서 조금씩은 다를 수도 있는데요

아마 거의 비슷할 것 같고, 다르더라도 background-image라는 속성은 같을 것이기 때문에

그냥 background-image 속성의 url값만 변경해주시면 됩니다.