티스토리 글의 배너를 한 색깔 배경으로 수정하는 방법

블로그의 배너 설정은 매우 귀찮지만, 없으면 그만큼 없어 보일 수가 없습니다.

이 글에서는 제가 배너가 회색으로 나오는 현상과 대표 사진이 배경으로 들어가는 것을 해결하기 위해 사용한 방법을 소개합니다.

 

저는 Odyssey 스킨을 사용하고 있습니다. 사용하시는 스킨에 따라서 안될 수도 있습니다.

 

 

블로그를 열심히 작성하고 나서 게시물을 확인해보니, 다음과 같이 보이고 있었습니다.

 

차라리 배경을 깔끔하게 만들어 버리고 싶었기에, 배경을 제거하는 방법을 검색해봤습니다.

 

블로그 관리의 스킨 편집에 들어가서, html 편집을 눌러줍니다.

 

이것저것 테스트 해보다가 HTML의 다음 부분이 대표 이미지를 배너에 욱여넣고 있다는 것을 알게 되었습니다. 

저는 과감하고 무식하게 따옴표 안의 ./images/common.js 를 삭제해 주었습니다. 그리고 그냥 ""이렇게 보이는 상태로 저장!

  <script src="./images/common.js" defer></script>

 

 

 

그리고 CSS탭으로 넘어갑니다. Ctrl + F 또는 Cmnd + F 키를 눌러 "background-color" 검색

 

.article-header:before 의 색상을 변경해줍니다. 색깔은 원하시는 것 색상 번호를 가져오거나 직접 고를 수 있습니다.

 

 

그리고 적용하면 끝!

이미지도 넣고 싶었지만 헤매다가 결국 못했습니다... 일단 깔끔한 배경이 나온 것만으로 만족!

 

• Word
• Kanji
• Translate

Searching for ...

Korean

JP Dictionary

 

마음에 드는 색으로 변경하고 나니 마음이 편해집니다... 이제 글 열심히 써볼 일만 남았군요!