구글블로그 사용법: 헤더(header)와 메인(main) 사이 여백(margin) 조정하기
구글블로그의 템플릿을 사용할 때, 헤더(Header)영역과 메인(Main)영역 사이의 여백을 조절하려면, 아래의 코드를 HTML에 추가하면 된다.
[ 추가할 CSS 코드]
코드에 있는 숫자("50")를 조절하여 블로그의 레이아웃이 잘 조화되도록 하면 된다.
숫자앞에 마이너스(-)를 붙인 것은 여백을 줄이기 위한 것이다. 거꾸로 여백을 넓히려면 숫자앞의 마이너스 부호를 없애면 된다.
CSS 코드를 추가하는 방법은 여러 글에서 설명하였으므로 생략하고, 코드 추가방법을 설명한 페이지 링크로 대신한다.
구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지 >>
[위 코드로 조절되는 헤더와 메인 사이의 여백]
[ 추가할 CSS 코드]
.header-inner {margin-bottom: -50px !important;}
코드에 있는 숫자("50")를 조절하여 블로그의 레이아웃이 잘 조화되도록 하면 된다.
숫자앞에 마이너스(-)를 붙인 것은 여백을 줄이기 위한 것이다. 거꾸로 여백을 넓히려면 숫자앞의 마이너스 부호를 없애면 된다.
CSS 코드를 추가하는 방법은 여러 글에서 설명하였으므로 생략하고, 코드 추가방법을 설명한 페이지 링크로 대신한다.
구글블로그 사용법: CSS코드 추가 변경하는 방법 2가지 >>
[위 코드로 조절되는 헤더와 메인 사이의 여백]