구글블로그(블로그스팟), VTrick 줄 간격, 글자 크기 간단히 변경하는 방법

오늘은 구글 블로그와 블로그 스팟에 VTrick 사용할 때 글자 간격과 줄 간격을 변경하는 간단한 방법에 대해 알아보겠습니다. 블로그의 가독성을 높이기 위해서는 글자 크기, 글자 간격과 줄 간격을 적절히 조정하는 것이 매우 중요합니다. 이 포스팅을 통해 여러분의 블로그를 알맞게 맞춰서 매력적으로 꾸며보세요!

1. 구글 블로그스팟 글 크기와 줄 간격 변경

1) 테마 > 맞출설정 > HTML 편집

블로그스팟 관리자 페이지에서 왼쪽 테마를 누릅니다. 이어서 위쪽 맞춤설정 옆 화살표를 누르고 HTML 편집 메뉴를 눌러 블로그스팟 테마 편집기로 이동합니다.

2) .Post-body{ 찾기

테마 편집기에 들어왔다면 컨트롤(Ctrl)+F를 눌러서 찾기(Search)를 활성화 시킵니다.

그리고 .Post-body{ 를 붙여 넣고 엔터키를 눌러주면 검색이 확인됩니다.

3) 글자 크기 변경, font-Size:18Px: 숫자변경

검색 후 같은 본문에 font-Size:18Px: 폰트 설정 코드를 찾습니다. Size 옆 숫자를 높게 설정하면 글자 크기가 커집니다. 원하시는 사이즈로 수정하면 됩니다.

4) 줄 간격 변경, line-height:1.6em 숫자변경

위 코드 본문에 line-height:1.6em 폰트 설정 코드를 찾습니다. height 옆의 숫자를 높이면 줄 간격이 벌어집니다. 이 또한 원하시는 줄 간격만큼 수정하시면 됩니다. 1.8~2em 정도가 적당해 보입니다.

그리고 위 오른쪽 저장 버튼을 누루고 블로그 미리보기에서 작성 글에 글자 크기와 줄 간격이 적용이 되었는지 확인하면 됩니다.

2. 구글블로그 스팟에 Vtrick을 사용한 경우

1) 테마 > 맞춤설정 > HTML 편집

블로그스팟 관리자 페이지에서 왼쪽 테마를 누릅니다. 이어서 위쪽 맞춤설정 옆 화살표를 누르고 HTML 편집 메뉴를 눌러 블로그스팟 테마 편집기로 이동합니다.(위 사진 1-1)참고)

2) /*! Blog */ 찾기

테마 편집기에 들어왔다면 컨트롤(Ctrl)+F를 눌러서 찾기(Search)를 활성화 시킵니다.그리고 /*! Blog */ 를 붙여넣고 엔터키를 눌러주면 검색을 확인합니다.

3) 글 줄간격 변경하기

확인하면 /*! Blog */ 섹터 마지막줄에서 4칸쯤 올라가면 “line-height:1.6em;”을 찾을 수 있습니다. 여기서 숫자를 바꾸주시면 됩니다. 1.6em→2em 로 변경하면 글자 행간이 더 넓어집니다, 2em정도가 적당해 보입니다. 원하는 사이즈로 맞추면 됩니다.

4) 글자 간격 변경하기

“line-height: 2em” 변경 하셨다면 그 옆에다 “letter-spacing: 0.5px;”글을 직접 입력하여 넣어줍니다. 자간을 더 넓게 하려면 0.5px보다 더 높은 숫자를 입력하시면 됩니다.

그리고 위 오른쪽 저장 버튼을 누르고 블로그 미리보기에서 작성 글에서 적용이 되었는지 확인하면 됩니다. 아주 간단합니다.

5) 블로그 글 작성 상단 기능키 활용하기

글자 크기, 글자 모양, 글자 색, 글자 배경 색 등 다양한 기능은 상단 기능키를 활용하는 것을 추천합니다. 초보 블로거가 HTML 코딩 편집을 통해 활용하기엔 무리가 있을 수 있습니다. 상단 기능키 활용으로 쉽게 다양한 글 디자인이 가능합니다.

6) 적용이 안될 경우

혹 VTrick 버전에서 위 내용이 잘 안된다면 다른 방법을 설명하는 https://blogsodk.blogspot.com/2024/09/blogspot-font.html 블로소득 블로그를 참고해보세요.

3. 결 론

이제 구글 블로그(Blogger)에서 HTML 편집을 이용하여 글자 크기, 줄 간격, 글자 간격을 직접 조정하는 방법을 알았습니다. 현재 블로그에 모바일 접촉자가 많은 가운데 작은 글씨는 답답함을 느낄 수 있습니다. 그렇다면 포스팅 글을 작성할 때 글자 크기, 줄 간격, 글자 간격을 알맞게 조절하여 가독성을 높인다면 사람들이 편안하게 글을 볼 수 있도록 도움이 될 것입니다.