티스토리 블로그 상단 이미지 배경 없애는 방법

티스토리 상단이미지 배경변경

 

티스토리 블로그 글을 작성하면 이미지가 제목 부분에 배경이미지로 뜨면서 제목을 읽는데 가독성을 떨어뜨려서 보기에 거슬릴 때가 종종 있는데요. 그래서 제목이 시원하게 보이도록 블로그 상단 이미지 배경을 없애는 방법을 알아보도록 하겠습니다.

 

1단계 : 관리 - 스킨편집 - Html편집

스킨편집메뉴

html편집

 

2단계 : HTML코드 변경 적용

• HTML 화면에서 <s_permalink_article_rep> 검색
• 400번대 줄에 나오는 <s_permalink_article_rep>아래 background-image:url(   ) 부분을 none으로 변경 후 적용
• 블로그 상단 이미지 배경 대신 회색 바탕으로 변경됨

html편집 코드변경

 

추가1 : 상단 이미지 배경색 회색 명도를 조정해서 어둡게 변경

상단 이미지를 없애고 배경색이 회색이 된 상태를 그대로 사용하거나, 명도 조정으로 어둡게 하거나 흰색으로 변경하는 방법도 있습니다.

 

• 티스토리 관리 - 스킨편집 - css : " post-cover " 검색
• background-color: rgba 25 → 65 or 75처럼 숫자를 높여주면 배경색이 검정색으로 진해지면서 제목이 눈에 띄게 보임

rgba수정

 

추가 2-1 : 상단 이미지 배경색 회색 명도를 조정해서 흰색으로 변경

• 티스토리 관리 - 스킨편집 - css : " post-cover " 검색
• background-color: /* */태그로 감싸주기 
• /*background-color: #cbcbcb;*/ ,  /*background-color:rgba(0, 0, 0, 0.25);*/

css코드수정

 

• 흰색으로 배경이 변경되어 글씨색상을 검정으로 변경해서 제목이 잘 보이게 변경하기

추가 2-2 : 흰색 배경에 글씨색상 변경하기

• post-cover 검색 후, category, h1, meta 3군데 색상변경
• color 부분 클릭하면 색상표가 나와서 검정색이나 원하는 색상으로 변경

css코드수정추가

 

티스토리 블로그 상단이미지 없애는 방법이 도움이 되셨나요? 배경색을 검정색이나 흰색으로 조정하여 제목을 더욱 깔끔하고 세련되게 변경하는 법도 참고하시면 되겠습니다.

 

티스토리 자동 목차 만드는 방법

 

티스토리 블로그에 네이버 애널리틱스 연결하기

 

구글 애널리틱스와 구글 애드센스 연결하기

 

구글 애널리틱스 가이드 : 설치 및 설정방법

 

티스토리 썸네일이미지 정사각형으로 변경

 

티스토리에 광고가 나오지 않을때