구글 블로그 방문자 숫자 크기 조절하는 방법

이번 포스트의 내용은 다른 글들에 비해 많이 짧을 것 같다.

다룰 내용이 많이 없으니 금방 끝나는 짧은 글이 될 것 같은데, 일단 써보도록 하겠다.

구글 블로그의 방문자 수 카운터의 숫자 크기가 너무 작다

이게 템플릿에 따라 다른 건지, 아니면 구글 블로그가 원래 이런 것인지..

방문자 수를 표시하는 카운터의 숫자가 너무 작다.

옆에 있는 그래프와 비교를 해도 너무 안 어울리고, 그래프 기능을 꺼서 그래프가 표시가 안되게 한다고 해도 주변과 딱히 어울리지는 않을 것 같다. 숫자가 그냥 너무 작다.

이건 무조건 크기를 키워야 한다.

[F12] 키를 눌러 개발자 도구를 열어서 변경해야 할 클래스 이름들을 찾는다.

Stats 클래스 안에 있는 counter-wrapper 클래스의 디자인을 CSS로 변경하면 될 것 같다.

이렇게 수정할 적절한 클래스 이름을 찾을 때는 항상 다른 곳에서는 사용되지 않을 것 같은 클래스명을 골라야 한다.

.Stats .counter-wrapper{
  position: absolute;
  font-size: 1.4rem;
  margin: 0px 10px;
}

이 코드를 복사하자.

블로그 HTML 편집에서 적당한 위치에 다음과 같이 복사한 CSS 코드를 붙여 넣는다.

이전 포스트에서도 말했지만, 본인이 추가해 놓은 코드들 아래에 이어서 계속 추가하는 편이 좋다.

저장 후에 블로그를 확인해 보면 이렇게 숫자가 적절한 크기로 보기 좋게 커져있다.

개발자 도구를 통해서 확인을 해도 방금 추가한 CSS 코드가 잘 들어가 있는 걸 확인할 수 있다.

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.