구글 블로그 MAGPRO 스킨의 단락 구분 p 태그 수정

저는 구글 블로그에서 글을 쓸 때 단락이 나뉠 때마다 p 태그로 묶습니다.
글의 단락이 나뉠 때마다 자연스럽게 단락 사이에 공간이 생겨야 보기에도 예쁘죠.

그런데 MAGPRO 스킨에서는 단락을 나눠도 그냥 <br> 태그 한번 쓴 것처럼 줄만 바뀌어있고, 단락 사이에 공간이 전혀 없습니다.
오늘은 MAGPRO 스킨의 p 태그 CSS 코드를 수정해보겠습니다.

지난 포스트

구글 블로그, 글 작성 날짜 시각 표시 변경하는 방법

구글 블로그 글 작성일의 양식을 변경하는 방법을 알아보겠습니다.

에디터를 HTML 모드로 바꿔서 제가 썼던 글을 보면 대충 이렇습니다.
p 태그로 단락을 나누었습니다.

에디터 상으로는 p 태그로 나눈 단락들이 깔끔하게 나누어진 것처럼 보입니다.
하지만, MAGPRO 스킨에서는 실제로 이 글을 저장해서 확인해보면,

이렇습니다.
p 태그로 나눈 단락들이 그냥 엔터 한번 친 것처럼 보입니다.
p 태그의 CSS 코드를 수정해줘야겠습니다.

HTML 편집으로 들어가서 [ctrl + F]로 검색을 해서 이 부분을 찾아봅시다.

일단 이곳을 삭제합니다.
p, ← p 다음에 붙은 쉼표 하나도 같이 삭제해야 합니다.

그리고 아랫부분에 이렇게 코드를 추가합니다.
// 추가 라는 주석은 내가 편집했던 코드를 혹시 나중에 다시 찾을 일이 있을 때, 찾기 쉽게 하기 위해서 넣었습니다.
p{padding:5px 0}
이 코드로 이제부터는 p 태그로 단락을 나누면 상단과 하단에 5픽셀 씩 공간이 생길 겁니다.
저장하고 블로그를 확인해보겠습니다.

잘 적용됐습니다.
훨씬 보기에 깔끔해진 느낌입니다.

다음 포스트

구글 블로그 MAGPRO 스킨의 글씨 크기 수정

구글 블로그의 기본 글자 크기를 에디터가 아닌 CSS 코드 수정으로 바꿔보겠습니다.