블로그를 운영하다 보면 기본 제공하는 폰트나 제목(H1, H2, H3) 디자인이 왠지 밋밋하고 마음에 안 들 때가 정말 많죠? 😅 저도 처음 블로그를 시작했을 때 글씨체가 너무 답답해서 밤새워 검색했던 기억이 나요. 솔직히 마음에 쏙 드는 예쁜 폰트랑 깔끔한 제목 스타일만 적용해도 블로그 체류 시간이 확 올라간답니다!
오늘은 복잡한 코딩 지식 없이도 구글 블로그 HTML 편집창에서 폰트 종류, 사이즈, 그리고 시선을 사로잡는 멋진 제목 스타일까지 싹 바꾸는 방법을 아주 쉽게 알려드릴게요. 자, 그럼 저를 따라오세요!
1단계: 구글 블로그 HTML 편집창 찾아가기 🔍
가장 먼저 블로그 관리자 페이지로 들어가야겠죠? 구글 블로거(Blogger) 대시보드로 이동한 뒤, 왼쪽 메뉴에서 '테마(Theme)' 메뉴를 클릭해 주세요. 그 다음 맞춤설정 버튼 옆의 아래 화살표(▼)를 누르고 'HTML 편집(Edit HTML)'을 선택하시면 됩니다.
여기서 수많은 코드들을 마주하게 되는데, 너무 겁먹지 마세요! 우리가 수정해야 할 부분은 아주 명확하니까요. 폰트와 전반적인 스타일을 제어하는 CSS 코드를 이 HTML 내부에 심어주거나 수정하는 방식으로 작업이 이루어집니다.
HTML 코드를 수정하기 전에는 반드시 기존 코드를 메모장에 복사해서 백업해 두는 습관을 들여야 해요. 언제 실수가 생길지 모르니까요!
2단계: 웹 폰트(Google Fonts) 적용하기 🔤
블로그 전체의 분위기를 결정하는 건 단연 폰트예요. 구글 블로그는 구글 폰트(Google Fonts)와 연동하기가 아주 쉽습니다. Noto Sans KR이나 Pretendard 같은 예쁜 폰트를 HTML 상단 `<head>` 태그 아래에 삽입해 주면 끝이에요.
| 폰트 종류 | 특징 및 추천 용도 | 가독성 |
|---|---|---|
| Noto Sans KR | 깔끔하고 모던한 고딕체, IT 및 정보성 블로그에 최적 | 매우 우수 |
| Nanum Myeongjo | 차분하고 감성적인 명조체, 에세이 및 리뷰 블로그 추천 | 우수 |
| Gmarket Sans | 개성있고 두툼한 제목용 폰트, 시선 집중 효과 탁월 | 보통 (본문용으로는 비추) |
폰트를 너무 무분별하게 여러 개 불러오면 블로그 로딩 속도가 느려져요. 검색엔진 최적화(SEO)를 위해서라도 본문 폰트는 최대 1~2개 이내로 제한하는 것이 좋습니다.
3단계: 제목(H2, H3) 디자인 커스텀 스타일 적용하기 ✨
본문 글씨체를 바꿨다면, 이제 글의 뼈대가 되는 제목 스타일을 꾸밀 차례예요. HTML 편집창에서 `b:skin` 태그 사이에 CSS 코드를 추가해주면 모든 포스팅의 제목 디자인을 한 번에 예쁘게 바꿀 수 있답니다.
📝 추천하는 H2 제목 CSS 코드 예시
h2 { font-size: 22px; color: #6a1b9a; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #e1bee7; }
위 코드를 적용하면 제목 아래에 깔끔한 보라색 밑줄이 생기고 여백이 생겨서 글이 훨씬 정돈되어 보여요. 본문 작성할 때마다 일일이 스타일을 지정할 필요 없이 자동으로 적용되니 시간도 엄청 절약되겠죠?
🔢 블로그 제목 스타일 프리셋 미리보기 테스터 🎨
실전 예시: 성공적인 블로그 리디자인 사례 📚
제 주변에도 텍스트가 너무 작고 정리가 안 되어 방문자가 금방 이탈하는 문제를 겪던 블로거가 있었어요. 오늘 알려드린 대로 HTML 편집창에서 기본 폰트를 Noto Sans KR 16px로 맞추고, H2 제목에 컬러 포인트를 주었더니 평균 체류 시간이 무려 1분 이상 증가하는 놀라운 경험을 했답니다.
리디자인 적용 체크리스트
- 기본 HTML 백업 완료하기
- 구글 폰트 링크 삽입 및 body 태그에 font-family 지정하기
- H2, H3 태그에 CSS 디자인 적용 후 모바일 화면에서 깨짐 현상 확인하기
글의 핵심 요약 📝
오늘 배운 구글 블로그 폰트 및 제목 수정의 핵심을 다시 한번 요약해 드릴게요.
- HTML 편집 접근: 블로그 테마 메뉴에서 'HTML 편집'으로 진입해 기존 코드를 백업합니다.
- 웹 폰트 연동: 가독성이 좋은 Noto Sans KR 등의 폰트를 헤더 영역에 연결합니다.
- 제목 스타일 꾸미기: CSS를 활용해 H2, H3 태그에 시선을끄는 밑줄과 색상을 부여합니다.
구글 블로그 폰트·제목 수정 핵심 요약
자주 묻는 질문 ❓
오늘 내용 어떠셨나요? 생각보다 어렵지 않죠? 블로그 디자인을 바꾸는 것만으로도 블로그의 전체적인 퀄리티가 확 살아난답니다. 진행하시면서 잘 안되거나 궁금한 점이 있다면 언제든 편하게 아래 댓글로 물어봐주세요~ 😊