구글블로그 사이드바 레이아웃 폭 너비 설정하기 방법

구글블로그 너비 조정하기

오늘은 구글블로그 레이아웃 사이드바 및 폭 너비 설정하는 방법에 대해 알아보도록 하겠습니다. 여러 홈페이지와 사이트들을 방문해보면 정말로 다양한 페이지 구조를 가지고 있는 것을 볼 수 있습니다. 양쪽에 구글애드센스와 같은 광고가 세로로 길쭉하게 달려 있는 사이트부터 왼쪽 사이드에만 광고가 달려 있는 사이트 등 각양각색입니다.

그러한 사이트 레이아웃을 하려면 어떻게 하면 좋을까요? 구글블로그에서라면 단언컨대 블로그 사이트 중에서 가장 편하고 쉽게 설정할 수 있다고 말씀드릴 수 있습니다.

구글블로그 레이아웃 구조 변경하기

우선 구글블로그에 로그인 하고 화면 왼쪽에서 테마를 클릭합니다. 테마 화면이 오른쪽에 표시가 되면 사용중인 디자인과 모바일에서의 화면을 확인할 수 있는데 사용중인 디자인 아래를 보시면 맞춤설정과 HTML 편집이라는 두 개의 버튼이 있습니다. 만약 HTML을 잘 다루시는 분이라면 HTML 편집을 통해서 레이아웃을 수정하셔도 좋지만, 일반적으로 코드를 잘 모르시는 분들이라면 맞춤설정을 눌러주시기 바랍니다.

Blogger 테마 디자이너가 화면 상단에 표시가 되는데, 여기에는 테마, 배경, 너비 조정, 레이아웃, 고급의 총 5가지 기능이 있습니다. 이중에서 먼저 레이아웃을 선택하면 본문 레이아웃 8개와 바닥글 레이아웃 3개 중에서 마음에 드는 것을 선택할 수 있도록 도어 있습니다.

저는 화면 양 사이드에 광고를 달아보고 싶기 때문에 5번째에 위치한 구조를 선택해보겠습니다.

그 다음에 해야할 것은 너비 조정입니다. 본문 전체폭과 왼쪽과 오른쪽 사이드바 메메뉴의 폭 너비를 단지 마우스 드래그와 픽셀 숫자 수정으로만으로도 손쉽게 바꾸기를 할 수 있습니다. 정말 놀랍지 않나요?

티스토리 블로그에서 이러한 조정을 하려면 산수 수준의 계산이지만 머리를 써야하고 어느 부분을 어떻게 수정해야 하는지 시간도 꽤 걸리는 반면 구글블로그의 경우 너무나도 간단하게 조정을 할 수 있다는 사실에 깜짝 놀랐습니다.

레이아웃 구조와 폭 너비 설정이 끝났다면 이제는 각각의 부분에 가젯을 삭제하거나 추가하셔서 꾸며주시면 되겠습니다. 저처럼 왼쪽과 오른쪽, 그리고 화면 상단에 광고 코드를 넣어보고 싶으신 분이라면 가젯 중에서 HTML/JavaScript 가젯을 선택한 후 광고 코드를 넣어주시면 되겠습니다.