테마선택

사용자의 기호에 따라 구글블로그에서 제공하는 스킨(템플릿)을 선택하면 되고 본인이 제작한 스킨이나 호환되는 다른회사의 스킨 사용도 가능하다.

레이아웃 구성

레이아웃은 블로그의 구성 요소인 제목과 본문 및 사이드바 등의 위치를 나타내준다. 각각의 구성 요소들은 가젯으로 불리고 섹션(구역) 안에 존재하며 자유자재로 추가하거나 삭제할 수 있다. 섹션은 블로그 화면을 용도에 따라 나눈 구역을 말한다. 이미지나 위젯의 출력을 원하는 위치에서 다음과 같은 코드를 추가해서 섹션을 만들면 된다. 섹션에 추가된 가젯은 마우스 드래그 기능을 이용하여 다른 섹션으로 이동할 수 있으며 각각의 섹션에 가젯 추가 버튼을 만들면 이동할 필요성이 없어진다.

1
2
<b:section id='header' name='Header' showaddelement='true'>
</section>
cs

showaddelement 의 옵션을 (true)로 설정해야 가젯을 추가할 수 있는 버튼이 생성된다.

내부 위젯 선택

레이아웃 페이지를 열고 가젯추가를 클릭해서 리스트에서 선택하여 추가하면 된다.

유용한 외부 위젯

구글블로그는 DIY형 블로그 답게 많은 위젯을 제공하고 있고 한결같이 훌륭하고 유용하다. 레이아웃 편집페이지에서 손쉽게 추가하거나 제거할 수 있도록 설계되어 있다. 하지만 애석하게도 가장 긴요하고 편리하다고 판단되는 관련글 위젯(Related Post Widget)은 필자를 포함한 많은 불로거들의 열망에도 불구하고 지원되지 않고 있다. 인터넷 상에 많은 관련글 위젯들이 난무하지만 안정성이 결여되거나 모바일에 적용이 불가하다. 각고끝에 엄선해서 본 블로그에 사용하고 있는 관련글 위젯 소스는 저작권 문제 때문에 다음 사이트를 이용하는 것이 바람직하다.

https://www.freshtechtips.com/2019/05/related-posts-widget-for-blogger-blogspot.html

스크립트

</head> 앞에 추가한다.

2 위젯 코드 설치

아래 코드 바로 위에 추가한다.

 
  <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

3 스타일 지정

다음의 코드 앞에 스타일을 추가한다.

 ]]></b:skin>

Dream Chaser

blogger soho theme - 레이아웃과 위젯