티스토리 스킨 FastBoot 글목록 및 최근포스팅의 댓글 개수 색상 변경 방법

최근 스킨을 FastBoot 1.6.2로 바꾸고 나서 이런 저런 디자인도 변경하고 제 입맛에 맞도록 바꿔주며 재미를 느끼고 있습니다.

보통의 글에는 댓글이 거의 달리지 않기에 잘 모르고 넘겼었는데 갑자기 댓글이 달리니 댓글개수 표시하는 부분의 색깔도 바꾸고 싶어지네요.

그래서 소스 뒤적이며 찾아보았고 그 방법을 공유하고자 합니다.

사설을 잠시 풀자면

네이버 블로그 시스템에서 이웃의 역할은 참 중요한 것 같은데 티스토리 블로그는 이웃의 개념이 없거나 약한 것 같습니다.

네이버 블로그에서는 블로그 방문자수를 늘리기 위해 제일 처음에 하는 일이 서로이웃 맺고 서로 품앗이를 많이 하죠.

티스토리는 이런 개념이 좀 약하다 보니 주로 검색노출에 의존을 많이 합니다.

제 블로그의 경우도 방문자 유입 분석을 해보면 

거의 대부분의 방문자가 검색엔진(네이버,다음,구글 등)에서 검색으로 유입이 되고 있습니다.

블로그를 하며 소통하는 즐거움도 있겠지만,

그 보다는 양질의 컨텐츠를 포스팅해서 검색을 통해 블로그 유입을 추구하는 게 티스토리 블로그라는 생각입니다.

이런 상황이다 보니 제 블로그에도 댓글은 거의 없는 게 익숙했습니다.

그런데 티스토리 초대장 묵혀놨었던 것을 보내드린다는 글을 포스팅했더니 갑자기 댓글이 많이 달리더군요.

이렇게 댓글이 빠르게 달릴 것은 전혀 예상 못했는데 어느 링크를 타고 들어왔는지 벌써 댓글이 30개 가까이나 됩니다.

그래서 그 댓글 개수 표시해주는 빨간색을 보니 제 감각에는 좀 모노톤으로 꾸미고 싶어지더군요. 

그래서 바꿔봤습니다. 

두 둥~

 

1. 카테고리 글목록 댓글 개수 색깔 변경

지금 댓글이 달리면 글목록 및 최근포스팅에 아래 캡쳐사진과 같이 표시가 됩니다.

저는 좀 더 모노톤으로 꾸미고 싶어서 수정을 합니다.

글목록에 댓글 33이라고 적힌 부분의 색을 변경을 위해서는 Fastboot 1.6.2 스킨업로드했던 소스를 수정해야 합니다.

HTML/CSS 에 해당 부분이 따로 빠져있질 않네요.

스킨 소스의 아래 파일을 메모장으로 열어주세요

FastBoot 1.6.2/image/fastboot.css

.label-danger{background-color:#da4453;border-color:#da4453}

해당 색깔코드 부분을 바꿔줍니다.

저는 적당한 회색톤으로 바꿔주었습니다. 

동그라미 테두리는 찐한회색, 안쪽 채우기는 좀 덜찐한회색입니다.

.label-danger{background-color:#777777;border-color:#444444}

수정 후 

관리자메뉴>스킨 편집>HTML편집>파일업로드를 통해 image/fastboot.css파일을 업로드 한 후 저장을 해줍니다.

아래와 같이 모노톤으로 바뀐 화면을 볼 수 있습니다.

2. 최근 포스팅 목록의 댓글 개수 색상 변경

이번에는 CSS수정으로 가능합니다.

관리자메뉴>스킨 편집>HTML편집>CSS 에 들어갑니다.

#recentPost 로 검색을 합니다.

윗부분 중 음영이 있는 부분의 코드를 아래와 같이 바꿔줍니다. 빨간색인 #da4453을 모노톤으로 바꿔주는 색상코드입니다. 

  background-color: #777777;

  border-color: #444444;

수정 후 저장 버튼을 눌러줍니다.

그러면 아래와 같이 변경된 화면을 볼 수 있습니다.

블로그 카테고리에 티스토리 스킨 FastBoot 1.6.2 입맛에 맞게 수정하는 방법을 다룬 글이 더 있으니 

참고하셔서 블로그 예쁘게 꾸미시기 바랍니다~

포스팅을 마칩니다.