구글 블로그 사용법: 사이드바 가젯(위젯) 일괄적으로 꾸미기와 타이틀 글자 크기 조절하기

구글 블로그 사용법: 사이드바 가젯(위젯) 일괄적으로 꾸미기와 타이틀 글자 크기 조절하기


구글 블로그 사용법: 사이드바 가젯(위젯) 일괄적으로 꾸미기와 타이틀 글자 크기 조절하기
구글 블로그에서 사이드바에 추가한 가젯의 타이틀(제목)을 일괄적으로 제어하여 꾸미려면 .sidebar h2 { ~~ } CSS 코드를 추가하여 속성을 주면 된다.

.sidebar h2 { ~~ }

코드 추가는 위의 그림에서 처럼 "블로그 템플릿 디자이너"를 이용하면 간단하다. (참고: CSS코드 추가 변경하는 방법 2가지)


오른쪽 그림은 위 그림에서 처럼 .sidebar h2 { ~~ }에 백그라운드 색상을 지정하고, 글자를 가운데 정렬한 것이다.

다만, 오른쪽 그림에서 보듯이, 가젯의 타이틀 글자 크기는 .sidebar h2 { ~~ } 코드로는 제어되지 않는다.

맨 아래의 Popular Posts 가젯의 타이틀 글자가 다른 가젯의 타이틀 글자 보다 큰 것은 위쪽 그림의 CSS 코드란 두 번째 줄에서 보는 것처럼 별도로 타이틀 글자 크기를 지정해 주었기 때문이다.

#PopularPosts1 h2 {font-size: 2.0em;}

가젯의 타이틀 글자 크기 속성을 주려는 가젯의 이름 (위 예에서는  #PopularPosts1) 뒤에 h2 를 붙여 주면 된다.

구글 블로그에는 여러가지 템플릿들이 있고, 모든 템플릿을 대상으로 테스트를 해 보지 않아 모두 다 그렇게 되는지는 알 수 없지만, 대체로 비슷하므로 될 것으로 여겨진다.

만약에 작동하지 않으면, 위의 설명을 참고하여, 브라우저에서 웹페이지 속성보기를 하여, 해당 가젯의 HTML 구조를 살펴 보면 쉽게 방법을 찾을 수 있을 것이다.


도움이 되기를 바랍니다.