티스토리 제목배경 이미지 변경

티스토리 제목 배경 이미지 바꾸는 법

티스토리 블로그에 포스팅을 하다 보면 내가 올려놓은 사진이 제목 배경으로 바뀐다.

모양도 별로고 지저분한 느낌이 많이 들어 바꿀 수 없나 하고 찾아봤는데

html 여기에서 바꿔야 한다고 한다.

일단 검색을 통해 이곳저곳을 뒤져 결국 알아냈다.

내 블로그에 실험을 해본 결과 정상적으로 바뀐다.

기존에 사진이 올라가던 것보다 깔끔하고 세련되게 보인다.

내가 했던 방식대로 바꾸는 방법을 소개하겠다.

 

일단 제목 배경으로 사용하고 싶은 그림을 하나 준비한다.

귀여운 것, 깔끔한 것, 이쁜 것, 무서운 것 뭐든 하고 싶은 걸로 준비하면 된다.

 

내가 사용한 이미지이다.

컴퓨터에 이미지를 저장해 두고 관리자 모드로 들어간다.

들어가는 방법은

화살표가 가리키는 톱니 모양을 누르고

블로그 관리에서 꾸미기- 스킨 편집을 눌러 들어간다.

스킨편집 창에서 위쪽 우측에 보이는 html 버튼을 누르면 된다.

파일 업로드 버튼을 눌러 아까 다운로드한 이미지를 업로드시킨다.

+추가라고 되어있는 버튼을 눌러 이미지를 추가시킨다.

그러면 사진과 같이 아래쪽에 내가 추가한 이미지가 등록되어 나타난다.

내가 등록한 파일에 오른쪽 마우스를 눌러 링크 주소 복사를 눌러 주소를 복사한다.

다시 html 창으로 가서

html 화면을 마우스로 한번 클릭하고 ctrl + f를 누르면 검색창이 나타난다.

이곳에 post-cover라고 치면 3개가 나오는데

이렇게 두 개가 같이 나오고 좀 더 아래로 내리다 보면 하나가 더 나온다.

 

이렇게 마지막에 나오는 곳에 좀 전에 업로드한 이미지 주소를 넣으면 된다.

네모칸 쳐진 곳에 있는 것을 지우고 복사해놓은 주소를 넣으면 된다.

이렇게 주소가 들어가면 끝난 것이다. 

마지막으로 적용을 누르면 끝이 나고 제목 배경에 나오던 이미지가 내가 원하는 이미지로 바뀐 것을 확인할 수가 있다.