구글블로그 사용법: 라벨 클라우드 글자 크기(font-size) 설정 및 정렬하는 방법
구글 블로그에서 라벨가젯(Labels Gadget)을 추가하면, 왼쪽 그림에서 보는 것과 같이, 해당 라벨에 해당하는 글 수에 따라 라벨의 글자크기가 5단계로 표시된다.
라벨 글자크기를 조절하고 정렬을 하여 블로그에 잘 어울리도록 꾸미려면 아래의 코드를 추가하여 조절하면 된다
ㅇ 아래의 코드들에서 폰트 사이즈 단위는 %, px, pt, em 등을 사용할 수 있다. (사이즈 단위에 대한 자세한 설명은 링크페이지 참조 )
ㅇ 코드를 추가하는 방법은 대시보드 > 템플릿(Template) > 사용자정의(Customise) > 고급(Advanced) > 코드추가(Add CSS) 이다. 자세한 설명은 링크페이지 참조)
[라벨의 글자 크기를 일정하게(같게) 하는 코드]
라벨에 해당하는 글 수에 관계없이 라벨의 글자 크기를 일정하게 하려면 아래의 코드를 추가하면 된다.
[라벨의 글자크기를 단계별로 조절하는 코드]
[라벨 정렬하는 코드]
라벨을 왼쪽, 오른쪽, 가운데 또는 알맞게 등으로 조절하려면, 아래의 코드를 추가하면 된다.
>> 왼쪽정렬 left, 오른쪽정렬 right, 가운데정렬 center, 자동으로정렬 justify
[라벨가젯 추가하는 방법]
=> 블로그의 대시보드 > 레이아웃(Layout) > 가젯추가(Add A Gadget)
=> 가젯추가 창이 열리면, 라벨(Labels)가젯을 선택
=> 표시(Display)란에서 클라우드(Cloud)를 선택하고 저장(Save)
라벨 글자크기를 조절하고 정렬을 하여 블로그에 잘 어울리도록 꾸미려면 아래의 코드를 추가하여 조절하면 된다
ㅇ 아래의 코드들에서 폰트 사이즈 단위는 %, px, pt, em 등을 사용할 수 있다. (사이즈 단위에 대한 자세한 설명은 링크페이지 참조 )
ㅇ 코드를 추가하는 방법은 대시보드 > 템플릿(Template) > 사용자정의(Customise) > 고급(Advanced) > 코드추가(Add CSS) 이다. 자세한 설명은 링크페이지 참조)
[라벨의 글자 크기를 일정하게(같게) 하는 코드]
라벨에 해당하는 글 수에 관계없이 라벨의 글자 크기를 일정하게 하려면 아래의 코드를 추가하면 된다.
.label-size {font-size:1em;}
[라벨의 글자크기를 단계별로 조절하는 코드]
.label-size-1 {font-size:0.8em; opacity:0.8;}
.label-size-2 {font-size:0.9em; opacity:0.9;}
.label-size-3 {font-size:1.0em;}
.label-size-4 {font-size:1.2em;}
.label-size-5 {font-size:1.5em;}
[라벨 정렬하는 코드]
라벨을 왼쪽, 오른쪽, 가운데 또는 알맞게 등으로 조절하려면, 아래의 코드를 추가하면 된다.
>> 왼쪽정렬 left, 오른쪽정렬 right, 가운데정렬 center, 자동으로정렬 justify
.cloud-label-widget-content {
text-align:justify;}
[라벨가젯 추가하는 방법]
=> 블로그의 대시보드 > 레이아웃(Layout) > 가젯추가(Add A Gadget)
=> 가젯추가 창이 열리면, 라벨(Labels)가젯을 선택
=> 표시(Display)란에서 클라우드(Cloud)를 선택하고 저장(Save)