티스토리 상단 제목 배경 바꾸는 법! 쉽게쉽게 가자~

 

 

티스토리를 조금 쓰다보니 이것저것 불편한게 있지만 나는 코딩이고 html이고 뭘 잘 모르다보니까 함부로 건들이기 무서워서

진짜 필요하거나 별로인 것만 하나씩 바꾸는 중이다.

이제 조금씩 이해가 되고 있어서 하나하나 바꿔보는 중인데, 그 중에서 제일 짜증났던 것 중 하나는

자동으로 스킨의 상단 제목 배경이 첫 사진으로 되는 것!

깔끔한 사진일때는 괜찮은데, 첫사진이 정신이 없다면 진짜 너무너무 지저분하고 별로였다.

그래서 바꾸었다! 세상 쉽게~~ 어려운거 1도 없으니 따라해보세요!

 

 

티스토리 상단 제목 배경 바꾸는 법! 쉽게쉽게 가자~

 

 

기본적으로 티스토리 북클럽 기준으로 스킨세팅은 이렇게 되어있다.

첫사진이 알아서 제목 배경으로 반영되는 것!!!

뭐 깔끔한 사진이나 이런것들이면 기본 화이트 제목 컬러와 대비되서 너무 예쁘게 되어있지만,

이것저것 글이 많고 하면 정말 글이 하나도 안 보인다.

그래서 이게 너무 거슬렸다.

난 그래서 바꾸었다. 어떻게? 정말 쉽게 ㅋ

 

반응형

바꾸는 방법에는 두가지가 있는데

1. 뒷배경 컬러를 정하고, 높이나 폰트 컬러등등 다 바꾸는 법

2. 원하는 사진을  픽스해서 그걸로 제목 배경을 계속 쓰는 방법!

나는 ,, html전문가가 아니기때문에 1번 방법으로는 이것저것 건드리는게 너무 귀찮고 잘못하다가는 큰일날 것 같은 괜한 무서움이 있으니

쉽게쉽게 2번, 사진으로 픽스해서 계속 쓰는 방법을 택했다.

저처럼 쉽게쉽게 하실분들은~~이거따라하세요!!

 

우선 준비물 : 원하는 배경 사진!!

근데 기본 세팅으로 폰트 컬러가 화이트로 되어있기때문에,

이걸 바꿀게 아니라면 컬러가 딥하고 어둡고 다크한 사진을 준비하는 것이 좋다!!!

다크한 계열 스타일의 이미지들 추천!!

 

 

 

원하는 배경사진을 미리 준비한 후, 꾸미기-스킨편집에 들어가서 언제나 그렇듯 html편집을 눌러준다.

그 다음, 평소와는 조금 다르게 바로 html편집으로 가지않고

(폰트컬러나 이런걸 바꾼다면 바로 html이지만 우린 이미지를 넣을꺼니~)

파일업로드에서 하단에 있는 추가를 눌러서 원하는 배경이미지를 넣고, 적용해준다.

그 다음 업로드한 이미지를 오른쪽 클릭해서 링크주소를 복사하고 !!

이걸 메모장같은데 써놓는다!! 

 

그 다음 다시 HTML 편집으로 가서

컨트롤+f를 눌러준 뒤,

div class="post-cover" 를 검색해준다.

대충 400번대에 있음 !!! 

(가끔 맥에서는 제대로 안 찾아져서 비슷한 번호대로 내려가서 찾아야함 흥ㅋ)

자 그럼 여기서 저 보라색으로 쳐놓은 부분인

https://blog.kakaocdn.net/dn/Hsrgf/btrvMeUdJHp/Mqb0EuvZkpxkHeLxTkXEsK/img.png 이 것을 바로 아래에서 찾을 수 있는데, 

얘를 [이 괄호를 포함해서 끝 괄호까지] 다 지워주고

 

 

 

그 자리에 맨 처음에 파일업로드하고 복사해놓았던 링크를 넣어주면된다.

적용을 하게되면!! 

 

짜자잔...~

지저분했던 제목배경이 깔끔하게 바뀌었다.

나는 개인적으로 우주이미지를 좋아해서 다크한 우주이미지를 찾았고, 너무나도 예뻐서 만족스럽다!!!!

뭐 포스팅마다 조금씩 안 어울릴 수는 있겠지만 배경컬러와폰트 컬러 이것저것 바꾸는건 너무 손도 많이가고 귀찮을 것 같아 다크한 배경만 바꾸었는데 아주 딱! 마음에 든다:)

귀찮거나 이것저것 건들이고싶지않은데 바꾸고싶은 분들은 이렇게 사진이미지 업로드 하고 바꾸는걸 추천한다!!

어렵지않고 쉽게쉽게 할 수 있는 티스토리 상단 제목 배경 바꾸는 법 포스팅 끝!