티스토리 제목 배경 제거하는 방법

 

 

 

목차

 

안녕하세요. 러닝머신입니다.

블로그 글을 쓰다 보면  제목 뒤에 사진이나 그림이 배경으로 들어가 있는 것을 확인할 수 있습니다. 그러다 보니 기발한 제목을 만들었다 하더라도 배경 때문에 제대로 보이지 않는 경우가 많죠. 그래서 많은 블로거들이 배경을 제거하고 단순하게 색으로만 두는 경우가 많은데요. 이번에는 티스토리 제목 배경 제거하는 방법에 대해서 알려드리겠습니다. 1분이면 충분합니다. 따라해 보시고 깔끔한 티스토리 블로그를 만들어 보세요.

 

1. 자료 백업하기

가장 중요한 것은 실수를 대비해 자료를 백업해 두는 것입니다. 컴퓨터 언어이기 때문에 비전공자는 무엇이 어디에서 잘못되었는지 확인하기가 매우 어렵습니다. 그렇게 되면 결국 처음부터 완전히 새롭게 세팅해야 하는 어려움을 겪게 되죠. 그래서 작업에 들어가기 전에 반드시 html과 css자료를 '백업' 해 두시기 바랍니다. 그래서 실수를 했다 하더라도 문제없이 복구시킬 수 있도록 준비해야 합니다.

html, css 자료 백업

 

2. html 수정하기

먼저 html을 수정하겠습니다. 아래 순서로 따라하시면 됩니다.

블로그 메인화면에서 왼쪽 탭에 '스킨편집'으로 들어갑니다. 오른쪽 상단에 있는 html 편집을 눌러줍니다.

스킨편집, html편집

 

 

 

 

html 안에서 클릭을 하고 ctrl+F 후 'post-cover'를 찾습니다. 그 중에 3번째로 가서 <div class="post-cover" <s_article_rep_thumbnail>을 찾습니다. 그리고 그 아래 https://blog.kakaocdn.net/dn/lkr6d/btsLNwYPyv9/ciLQmkI96MupEeQ1h9J6Ek/img.png 이라는 부분을 none으로 바꿔 줍니다. 여기서 Post-cover는 제목 배경을 말하는 것입니다. 기억하고 있으세요.

 

위치 찾기

 

변경 전

 

변경 후

 

이렇게 html을 수정하면 기본적으로 짙은 회색으로 바뀌게 됩니다. 그렇다면 이번에는 짙은 회색이 아닌 내가 원하는 색으로 바꾸는 방법을 알려드리겠습니다. 그것은 html이 아니라 css탭으로 가야 합니다.

 

3. CSS 수정하기

다시 html 편집으로 들어갑니다. 그리고 이번에는 html이 아니라 CSS 탭으로 들어갑니다.

스킨편집

 

CSS탭

 

이렇게 CSS으로 들어갔다면 동일하게 ctrl + F를 누르시고 'cbcbcb'를 찾으시면됩니다. 그리고 찾으셨다면 두 번째 찾기 내용으로 가시면 됩니다. 좀 전에 말씀드린 것처럼 제목의 배경이 되는 Post-Cover에서 Background-color의 색을 변경해 줘야 한다는 것을 알 수 있습니다. 지금은 보시는 것처럼 색깔 코드가 cbcbcb로 되어 있습니다. 그 색깔을 내가 원하는 색으로 바꿀 수 있는데요. 앞부분 색칠된 박스에 마우스를 가져다 대면 다양한 색깔을 선택할 수 있습니다. 그중에서 한 가지를 선택하셔서 확인하실 수 있습니다. 

 

post-cover 배경색 바꾸기

 

 

4. 확인하기

CSS까지 모든 내용을 변경하셨다면  내가 쓴 글로 들어가서 F5를 누르면서 블로그 글과 어울리는 색깔을 정해 주시면 됩니다. 저는 노멀하게 짙은 파란색을 골랐습니다. :) 지금까지 '티스토리 제목 배경 제거하기'에 대해서 알아봤습니다. 많은 도움 되시기를 바랍니다.

 

 

함께 보면 도움이 되는 글

수익에 최적화 된 블로그 만드는 방법

 

막힌 글도 드래그 복사하는 방법!

 

내가 쓴 블로그, 모바일로 1초 만에 확인하는 방법