초보자를 위한 구글 블로그 레이아웃 편집 가이드: HTML 가젯 완벽 활용법 - 라니와 함께하는 블로그스팟

구글 블로그(블로그스팟) 레이아웃 설정의 모든 것: 초보자도 쉽게 따라 하기

안녕하세요! 평소에 구글 블로그를 운영하면서 '가젯'이나 '위젯'을 어떻게 추가하는지 궁금해하셨던 분들이 많으시죠? 제가 그동안 여러 포스팅을 통해 가젯 활용법을 단편적으로 소개해 드렸는데요.

생각해 보니 기초가 되는 '레이아웃' 설정법을 한 번쯤은 아주 자세하게, 그리고 친절하게 정리해 두는 것이 블로그를 처음 시작하시는 분들이나 더 예쁘게 꾸미고 싶은 분들께 큰 도움이 될 것 같다는 생각이 들었습니다. 그래서 오늘은 블로그스팟(Blogspot)의 뼈대라고 할 수 있는 레이아웃 편집 화면의 구성부터 실전 활용 팁까지 아낌없이 담아보려고 합니다.

도대체 구글 블로그 레이아웃이란 무엇일까요?

우리가 집을 꾸밀 때 거실에는 소파를 두고, 주방에는 식탁을 놓는 것처럼 블로그도 구역별로 역할을 나누어 정보를 배치해야 합니다. 구글 블로그의 '레이아웃'은 바로 이런 가구 배치도와 같은 역할을 하는 편집 도구입니다.

전문적인 코딩 지식이 없어도 마우스 드래그만으로 내 블로그의 상단(헤더), 옆면(사이드바), 하단(푸터)에 어떤 정보를 노출할지 결정할 수 있는 아주 똑똑한 공간이죠. 화면 구성 요소들을 한눈에 내려다보며 관리할 수 있기 때문에, 내 블로그의 첫인상을 결정짓는 가장 중요한 작업대라고 할 수 있습니다.

레이아웃 화면의 주요 기능과 역할 알아보기

레이아웃 화면은 기본적으로 여러 개의 '섹션'으로 나뉘어 있습니다. 이 섹션들이 정확히 어디에 위치하고 얼마나 큰지는 여러분이 선택하신 '테마(스킨)'에 따라 조금씩 달라지지만, 공통적으로 하는 역할은 다음과 같습니다.

1. 헤더(Header) 영역

블로그의 대문입니다. 블로그 제목과 설명을 넣을 수 있고, 멋진 로고 이미지를 업로드해서 개성을 뽐낼 수 있는 곳이죠. 방문자가 블로그에 접속했을 때 가장 먼저 보는 곳이라 아주 중요합니다.

2. 사이드바(Sidebar) 영역

블로그의 왼쪽이나 오른쪽에 위치하며 보조 정보를 전달합니다. 프로필 사진, 카테고리(라벨), 인기 게시물, 방문자 수 집계, 그리고 구글 애드센스 광고 등을 주로 배치합니다. 독자들이 다른 글을 더 읽게 만드는 가교 역할을 합니다.

3. 메인 바디(Main Body) 영역

우리가 정성스럽게 쓴 포스팅 글이 직접 노출되는 곳입니다. 여기서는 한 페이지에 몇 개의 글을 보여줄지, 날짜 형식은 어떻게 할지, 댓글 개수를 표시할지 등을 세세하게 설정할 수 있습니다.

4. 푸터(Footer) 영역

블로그의 가장 하단 부분입니다. 보통 저작권 문구(Copyright)를 넣거나, 운영자의 연락처, 소셜 미디어 링크 등을 배치하여 신뢰감을 주는 용도로 활용합니다.

레이아웃 편집 화면에 접속하는 쉬운 방법

"어디서 설정하는지 모르겠어요!" 하시는 분들을 위해 접속 경로를 차근차근 설명해 드릴게요. 전혀 어렵지 않습니다.

먼저 구글 블로그 관리자 페이지인 blogger.com에 접속하세요. 왼쪽 메뉴 바를 보시면 중간쯤에 [레이아웃]이라는 탭이 보일 거예요. 거기를 클릭하시면 내 블로그의 설계도가 한눈에 펼쳐집니다.

왼쪽 사이드바 메뉴에서 '레이아웃'을 클릭하세요

제 블로그를 예로 들면, 헤더 영역 아래에 '빌보드'라는 특수 섹션이 있고 그 밑으로 메인 바디와 사이드바가 나누어져 있습니다. 여러분의 블로그도 테마에 따라 1단, 2단, 혹은 3단 구성으로 자유롭게 보일 텐데, 중요한 건 각 칸에 있는 '가젯 추가' 버튼입니다.

전체적인 블로그 구조를 시각적으로 보여주는 화면

블로그를 풍성하게 만드는 가젯(위젯) 종류

레이아웃 화면에서 가장 많이 사용하게 될 기능은 단연 '가젯 추가'입니다. 구글 블로그는 사용자들을 위해 아주 다양한 기본 위젯들을 무료로 제공하고 있어요.

원하는 위치의 '가젯 추가'를 누르면 목록이 뜹니다

버튼을 누르면 아래와 같이 끝도 없이(?) 펼쳐지는 목록을 볼 수 있습니다.

추천하는 필수 가젯 목록:

• 라벨: 티스토리나 네이버 블로그의 '카테고리'와 같은 기능입니다. 글을 분류해서 보여줍니다.
• 인기 게시물: 내 블로그에서 가장 조회수가 높은 글들을 목록으로 보여주어 체류 시간을 늘려줍니다.
• 블로그 보관함: 월별, 연도별로 작성한 글을 모아 보여줍니다.
• 이미지: 배너 광고나 공지사항 이미지를 링크와 함께 걸고 싶을 때 유용합니다.

실전 연습: 사이드바에 '가장 많이 본 글' 가젯 달기

자, 백문이 불여일견이죠! 직접 하나를 추가해 보겠습니다. 블로그 방문자들이 내 블로그의 다른 글도 흥미롭게 보길 원하신다면 '가장 많이 본 글' 가젯은 필수입니다.

1. 레이아웃 화면에서 '사이드바' 섹션의 [가젯 추가]를 누릅니다.

2. 목록에서 [인기 게시물](또는 테마에 따라 명칭이 다를 수 있음)을 선택합니다.

3. 제목을 '인기 있는 글' 혹은 '베스트 포스팅'처럼 친숙하게 고쳐준 뒤 저장합니다.

인기 게시물을 추가하면 방문자의 이탈률을 줄일 수 있습니다

이렇게 추가한 가젯은 마우스로 꾹 눌러서 위아래로 옮길 수 있습니다. '최근 글' 보다는 '인기 글'을 더 상단에 두는 것이 일반적으로 독자들의 시선을 끄는 데 유리하겠죠?

고급 활용: HTML/자바스크립트 가젯으로 날개 달기

구글 블로그를 오래 하시다 보면, 기본 제공 가젯만으로는 조금 부족함을 느끼실 때가 올 거예요. 그때 꼭 알아야 하는 것이 바로 HTML/자바스크립트 가젯입니다. 이 친구는 정말 만능 도구라고 할 수 있습니다.

외부에서 가져온 광고 코드(애드센스, 쿠팡 파트너스 등)를 넣거나, 예쁜 폰트를 적용하는 스크립트, 혹은 특수한 효과를 주는 코드를 넣을 때 사용합니다. 제가 블로그에서 소개하는 대부분의 '기능 커스텀'은 이 가젯을 통해 이루어집니다.

중요한 코드를 삽입할 때 쓰는 'HTML/자바스크립트' 가젯

사용법은 아주 간단합니다. '가젯 추가'에서 해당 항목을 선택한 뒤, 팝업창이 뜨면 콘텐츠 칸에 복사해 온 코드를 붙여넣기만 하면 됩니다. 제목은 굳이 안 쓰셔도 되지만, 나중에 내가 이 코드를 왜 넣었는지 기억하기 위해 '상단 광고'나 '폰트 설정' 같은 이름을 지어주면 관리하기가 훨씬 편합니다.

한 가지 꿀팁! 글 읽기와 직접적으로 관련된 기능(예: 목차 만들기, 특정 버튼 생성 등)은 사이드바보다는 페이지 본문 섹션이나 글 본문 바로 위/아래에 배치해야 독자들이 발견하기 쉽고 기능도 정상적으로 작동하는 경우가 많으니 위치 선정에 신경 써주세요.

섹션의 이름을 확인하고 적절한 위치에 가젯을 배치하세요

검색이 잘 되는 블로그를 위한 레이아웃 전략

단순히 예쁘게 꾸미는 것을 넘어, 내 블로그가 구글 검색 상단에 노출되려면 레이아웃 구성 단계부터 전략이 필요합니다. 검색 엔진은 블로그의 구조를 읽어가며 이 사이트가 사용자에게 유익한지를 판단하기 때문입니다.

1. 사이드바는 가볍게 유지하세요

너무 많은 가젯을 사이드바에 넣으면 페이지 로딩 속도가 느려집니다. 속도는 구글 검색 순위에 직접적인 영향을 주거든요. 꼭 필요한 가젯 4~5개 정도로 압축하는 것이 좋습니다.

2. 모바일 화면을 꼭 확인하세요

요즘은 80% 이상의 방문자가 스마트폰으로 블로그에 들어옵니다. 레이아웃에서 설정한 가젯들이 모바일에서도 가독성 있게 보이는지, 글자를 가리지는 않는지 수시로 체크해야 합니다. 다행히 구글 블로그의 최신 테마들은 반응형이라 알아서 잘 조절해 주지만, 수동으로 넣은 HTML 가젯은 모바일에서 깨질 수도 있으니 주의가 필요합니다.

3. 텍스트 위주의 구성을 추천합니다

이미지가 너무 많으면 검색 엔진이 내용을 파악하기 어려울 수 있습니다. 가젯 제목이나 설명에도 검색될 만한 단어들을 적절히 섞어주면 블로그 전체의 점수가 올라갑니다. 예를 들어 그냥 '라벨' 보다는 'IT 꿀팁 카테고리'처럼 이름을 지어주는 것이 독자에게도, 검색 엔진에게도 친절합니다.

 당신의 블로그를 더 가치 있게 만드세요

처음 구글 블로그를 개설하고 레이아웃 화면을 마주하면 텅 빈 공간에 막막함이 느껴질 수도 있습니다. 하지만 하나씩 가젯을 채워 넣고 글을 배치하다 보면, 블로그가 살아 움직이는 유기체처럼 느껴지는 순간이 올 거예요.

오늘 소개해 드린 레이아웃 설정법을 천천히 따라 해보시면서, 여러분만의 개성이 가득 담긴 멋진 블로그를 만들어 보시길 바랍니다. 혹시 진행하다가 막히는 부분이 있거나 코드가 제대로 작동하지 않는다면 언제든 댓글로 남겨주세요. 제가 아는 선에서 정성껏 도와드리겠습니다!

여러분의 즐거운 블로깅 생활을 항상 응원합니다. 다음에 더 유익한 팁으로 돌아올게요!