[블로그 꾸미기] - 구글 블로그 분문 제목 꾸미기

블로그에 글을 좀더 이쁘게 꾸미고 싶은 건 모든 블로거들의 바램이다.

그래서 오늘은 나의 블로그에서 본문 제목을 다르게 꾸며 보도록 하자.

위와 같은것은 블로그를 시작하는 사람이라면 한번쯤은 사용해 보는 아주 흔한 사용법 중에 하나다. 이런 건 CSS로 처리해 주면 된다.

CSS는 어디에서 편집할까?

먼저 본인이 사용하는 테마에서 맞춤 설정을 선택하자.

그리고 고급을 선택하면 맨 아래쪽에 CSS추가가 있다. 그리고 우측에 코드를 삽입하면 모든 게 끝난다.

코드 예제

 h6 {

border-left : 8px solid #1E90FF;

border-bottom : 1px solid #1E90FF;

line-height : 30px;

font-size : 24px;

font-weight : bold;

color : #b8860b;

margin:0;

padding : 0 0 0 10px;

}

본문에서 사용법

본문 글 작성하는 곳에서 HTML 편집화면으로 들어간다.
그리고 적용하고 싶은 글의 앞과 뒤에 <h6></h6>을 추가한다.

<h6>이런느낌</h6>

그리고 코드에서 margin과 padding이 이해가 가지 않는 분들을 위해 그림도 하나 추가했다.

margin : 컨텐츠와 컨테츠 사이의 공간 또는 간격을 말한다. 그리고 margin값이 '0'이면 다른 컨테츠와 달라 붙었다는 얘기다. 그리고 다른 컨텐츠가 없다면 magin은 컨텐츠 위치가 가로 최대 크기는 브라우저의 최대폭이다.

padding : 컨텐츠가 차지하는 공간에서 부터의 간격을 말한다.