티스토리 제목 배경 변경 방법

◆티스토리 제목 배경 색상, 이미지 변경 방법

 

요즘 열심히 티스토리를 배우고 있는 40대입니다. 티스토리는 네이버 블로그와 확실히 다른 게 많다 보니 처음부터 차근차근 배우고 있습니다. 네이버 블로그를 오래 한지라 이쁘게 티스토리 블로그도 꾸미고 싶은 마음으로 하나하나 설정을 바꾸고 있습니다.

 

그중에서 제눈에 자꾸 거슬리던 부분이 있었습니다. 바로 제목 배경입니다. 제목배경이 대표사진으로 자동으로 설정되어 이쁘지 않게 나오고 있었습니다. 차라리 제목배경이 나오질 말던지 싶었습니다.

 

저처럼 제목배경이 대표사진으로 자동 설정이 되는걸 싫어하시는 분들을 위해 간략하게 알려드리려고 합니다.

티스토리 제목 배경 변경 방법이 html로 변경해야하나 40 대인저도 손쉽게 변경할 수 있었던 부분으로 티스토리 제목을 이쁜 배경으로 바꾸어 볼 수 있습니다.

 

 

티스토리 제목 배경 html로 편집하기

 

 

• 티스토리 관리 클릭
• 꾸미기 스킨편집을 클릭

 

 

 

• html편집을 클릭

html로 변경하는 건 어려운 게 아닌가 시작도 하기 전에 겁을 먹긴 했습니다.

html 하나도 모르는 40대 주분인 저도 쉽게 변경을 할 수 있었던 부분입니다.

 

 

 

제목배경 원하는 색상으로 변경 

 

• 마우스 커서를 빈칸에 클릭
• 키보드에서 ctrl + F  단축키 눌러줌
• 빈창이 나오면 그 창에 permalink를 적어준 후 엔터
• permalink 글자를 찾아줌 / 엔터를 눌러주면 됨
• 그중에서 style="background-image:url([## 로 시작하는 부분을 찾아줌

 

 

• style = 다음부터  " " 큰 따옴표 부분을  "background-color:변경할 색상으로;"으로 변경해 줌
• 변경할 색상은 글작성 시 글자색을 참고해 주면  됨
• 변경할 색상은 아래 그림 참고

 

• 변경할 색상에 방금 글쓰기 창에서 원하는 색상 복사한 걸 붙여 넣어주면 됨
• "background-color:#dddddd;" 변경후 설정클릭

 

 

티스토리 제목배경이 대표이미지가 아니고 단색 배경으로 변경된 걸 확인할 수 있습니다.

 

 

 

제목배경 원하는 이미지로 변경

 

색상으로 변경뿐 아니라 제가 원하는 이미지로도 변경이 가능합니다.

•  "background-image:url(이미지주소);" 로 변경
• 이미지 주소를 복사해서 넣어주면 됩니다.
• 이미지 주소 복사는 아래 내용 참고

 

 

저는 미리캔버스에서 제가 원하는 디자인으로 썸네일을 만들어봤습니다.

만든 썸네일은 본인 블로그에 공개(보호)로 저장을 해놓아야 이미지주소 복사하기가 쉽습니다.

저처럼 원하는 스타일로 만드시거나 아니면 이미지를 찾아서 사용하시면 됩니다.

 

 

• 마우스 우클릭하여 이미지 주소 복사를 클릭합니다.
• "background-image:url(이미지주소);" 에서 (이미지 주소) 부분에 붙여 넣기를 해줍니다.

 

그러면 이렇게 제목배경이 변경된 걸 보실 수 있습니다.

색상은 원래 색상보다 조금 더 어두워지긴 하니 참고하시길 바랍니다.

 

 

 

마무리

네이버 블로그를 오래 한지라 티스토리가 익숙지 않아 여기저기 찾아보고 제 마음에 들게 바꿔보고 있습니다. 그 과정에서 저처럼 티스트로 블로그를 시도하시는 40대 분들이 있을 거 같아 같이 내용을 공유해 보고자 글을 작성하게 되었습니다. 

 

마음에 들지 않았던 제목배경을 40대인 저도 쉽게 변경할 수 있었던 부분으로 html을 무조건 어렵다고 느끼기보다는 한번 시도해 보시라고 작성해 봤습니다.

티스토리 제목 변경 방법 어렵지 않게 할 수 있으니 원하는 색상 또는 원하는 이미지로 변경해 보시길 바랍니다.