본문 바로가기
좌충우돌 수익형블로그 만들기

티스토리 블로그 제목 배경 바꾸는 방법

by day4588 2025. 3. 19.
반응형

현재  블로그 스킨타입으로 북클럽을 사용하고 있는데요.

글을 올려놓고 보니 

글제목의 배경에 제가  글에서사용한 대표이미지가 자동으로 깔려서

지저분하게 보일뿐 아니라 제목구분도 잘 안되고 보기불편하네요.ㅠㅠ

아래처럼요.

그래서

오늘은 티스토리 제목 배경 이미지를  변경하는 방법을 

공유해 볼까 합니다.

티스토리 블로그 제목 배경 이미지 제거하기

스킨의 제목 부분 수정을 위해서는 먼저

관리 ▶ 스킨편집 ▶ html편집 클릭해 줍니다.

html 편집화면창이 뜨면 

ctrl + F로 post-cover 찾기 해줍니다.

자동으로 뜨는 본문내 이미지를 제거하고 싶다면

backgroud-image:url을 none으로  변경해 주면 됩니다.

그러면 아래와 같이 회색(#cbcbcb) 단색으로  배경색이 변경됩니다.

티스토리 블로그 제목 배경 이미지 원하는 색상으로 변경하기

이때 특정색상으로 변경을 원하면 css편집을 해야만 합니다.

먼저 원하는 색상코드를 확인한 후

 

post_cover 글자를 찾은 후 background-color 옆 사각무늬에 커서를 위치하면

색깔선택화면이 자동으로 뜹니다. 

여기서 본인이 원하는 색상으로 선택 변경하면 됩니다.

간단하죠^^

아니면 내가 찾아놓은 색깔코드를 직접 입력해도 됩니다.

티스토리블로그 제목높이 조정하기

제목높이도 조정하고 싶으면 css편집화면에서 조정할 수 있어요.

저는 제목배경 높이를 340에서 200으로 조정했어요.

그리고 제목배경의 투명도 설정을 0.25에서 0.0으로 변경  바탕색이 그대로 보이도록

불투명도를 0.0으로  변경해 봤어요.

최종화면은 아래와 같이 변경~^^

제목배경 높이를 조절했더니

글자 위치가 좀 맘에 들지 않네요. ㅠㅠ

제목줄의 위치등 세부 조정이 필요한 거 같은데..

요건 다음 기회에 몇 가지변경해 볼게요~^^

오늘은 요기까지~~

 

지금까지 티스토리 블로그 제목 배경색상 바꾸는 방법에 대해서

알아봤습니다.

 

 

 

 

반응형