그동안은 무료 템플릿을 사용했습니다. 그러다 이번에 광고를 블로그에 넣을 수 있어 광고에 최적화되고 검색에 최적화된 템플릿으로 교체를 하게 되었습니다. 또한 세월이 지나면서 유저들이 한국 기업의 포탈검색에서 구글(Google)검색으로 넘어가게 되었죠. 또한 여러 인터넷 환경도 바뀌게 되어 이번기회에 무료보다 좋은 유료 템플릿으로 교체 하였습니다.
이번 포스트에서는 템플릿을 구입한 후 기존의 블로그를 지우고 교체하고 몇가지 인터페이스를 수정 하는 과정을 보여드립니다.
참조 링크 - Google Blogger (구글 블로그) 초보자 TIP (팁)
1. 메뉴 설명
① 블로거 홈 링크 로 가십시요. '블로그 만들기' 화면이 뜨죠. 로그인 하시면서 블로거를 만드십시요. 물론 기존에 블로거가 있으신 분은 바로 블로거 설정으로 들어갑니다.
② 메뉴 설명
▶ + 새 글
- 새로운 글을 만들 수 있습니다.
▶ 글
- 말그대로 자신이 지금껏 만들어 올린 글입니다. 이곳에서 자신이 만든 글을 수정 할수 있습니다.
▶ 통계
- 자신의 블로거에 대한 각종 통계입니다. 어느 글에 몇명이 검색을 했는지 등을 보여줍니다.
▶ 댓글
- 유저들이 자신의 블로거에 쓴 댓글을 보거나 지우거나 할 수 있습니다.
▶ 수익
- 이 메뉴에서 광고를 승인 받고 광고를 삽입 할 수 있습니다.
▶ 페이지
- 블로거 최상단에 페이지(카테고리)를 만들 수 있는데 굳이 그럴필요 없습니다. 우리는 유료 템플릿을 사용하기 때문입니다. 이미 구입한 템플릿에 다 있습니다.
▶ 레이아웃
- 직관적인 블로거 템플릿 인터페이스가 나오는 메뉴입니다. 이곳에서 템플릿의 전체적인 모양을 변형 시키거나 수정할 수 있습니다.
▶ 테마
- 레이아웃 메뉴가 직관적인 템플릿 수정이라면 테마 메뉴에서는 세밀한 수정을 할 수 있습니다. 다만 HTML(HyperText Markup Language)을 알아야 합니다. 블로거는 사실 HTML(HyperText Markup Language)로 이루어져 있죠. 예를들어 '레이아웃' 메뉴가 사람의 겉모습을 수정 한다면 '테마' 메뉴는 사람의 속을 수정하는 것입니다.
▶ 설정
- 블로거의 전체적인 설정 즉 '옵션' 이라고 할 수 있습니다.
▶ 저장, 미리보기
- '저장'만 신경쓰십시요. 블로그 인터페이스를 조금이라도 수정 한다면 저장을 눌러 블로거 설정을 마쳐야 합니다. (자동저장 없습니다)
③ 템플릿 고르기
▶ 기본적으로 구글에서 제공하는 템플릿은 좀 후집니다. 물론 그대로 사용할 수 있지만 뭔가 부족해 보입니다. 그래서 전문적으로 템플릿을 만들어 올리는 사이트에서 구해야 합니다. 여기서도 유료가 있고 무료가 있는데 무료 버전도 나쁘지 않습니다. 자동차로 비유하면 무료 템플릿은 옵션이 하나도 없는 자동차고 유료 템플릿은 풀옵션 자동차입니다.
▶ 유료 템플릿 사이트 링크 로 가십시요. 사이트에 방문하셔서 'SEO~~' 항목을 누르세요. (회원가입 필요 없다)
SEO는 블로그에 더 많은 자연 검색 트래픽을 유도하는 데 도움이 됩니다.
SEO에 최적화된 블로그를 통해 상당한 양의 자연 유입 트래픽을 확보하면 수익 창출에도 도움이 됩니다. 특히 최근 구글은 검색 알고리즘과 정책에 매우 엄격해졌기 때문에 SEO가 제대로 되어 있지 않은 블로그는 어떤 경우에도 도움이 되지 않습니다. 구글 애드센스 팀의 빠른 승인을 받기 위해서도 사이트는 SEO 측면에서 최적화되어 있어야 합니다. 라고 사이트에서는 설명이 되어 있습니다. 이 말이 사실인지 정보를 좀더 찾아보시고 판단하십시요.
▶ 많은 템플릿이 보입니다. 자신에게 맞는 템플릿을 고르세요. 그냥 이뻐보이는 템플릿이 아니라 자신이 하고 싶은 블로거와 맞는 템플릿을 고르십시요. 참고로 저의 블로거와 같은 템플릿으로 하시면 곤란합니다.^^
제 경험상 템플릿을 고를때는 광고를 적절히 이쁘게 지저분하지 않게 넣을 수 있는지가 가장중요하다고 봅니다. 템플릿 자체는 좋은데 광고를 넣는 부분이 너무 크거나 작다면 구글에서 제공한 광고 사이즈와 맞지 않아 지저분하게 보일 수 있기 때문입니다.(사이트에서 템플릿 고르실때는 반드시 자신이 사용하는 브라우저에 광고차단이 되어있다면 해제를 하고 보십시요)
- 아래 이미지를 보십시요. 템플릿을 하나 골라 보았습니다. 그런데 화살표 부분에 광고를 넣게 되어 있습니다. 그런데 가로폭이 너무 깁니다. 새로 폭은 아주 좋습니다. 이런 상태는 어떤문제가 생기냐면 구글에서 제공하는 광고가 이쁘게 들어 가지 않습니다. 그 이유는 구글 광고가 저렇게 가로가 길지 않기 때문이죠. 저는 많은 웹사이트에 가 보아도 가로가 저렇게 긴 광고는 보지 못했습니다. 물론 있을 수도 있을겁니다. 제가 못보았을 수도 있죠. 아니면 미래에 구글에서 제공하는 광고가 저렇게 길 수도 있을 겁니다.
물론 구글에서 제공하는 광고를 보통 반응형 광고로 넣게 됩니다. 그러면 저 화살표 박스에 꽉차게 들어가지 않고 박스의 남는 부분이 생깁니다. 제가 경험을 해보니 상당히 지저분하더군요.
그래서 아래 이미지 처럼 가로폭이, 블로거 글의 전체 가로 길이 만큼 긴 박스가 있는 템플릿은 피하십시요.
 |
| 빨간 박스 부분이 광고를 넣는 곳인데 너무 가로폭이 길다. |
 |
| 이 부분도 쓸데 없이 가로가 너무길다. |
아래 이미지 처럼 가로 폭이 작은 광고 박스가 있는 템플릿을 고르시면 됩니다. 물론 가로가 긴 광고 박스를 고른다고 해도 사실 큰 문제는 없습니다. 한마디로 우리는 광고 박스가 있는데 박스의 크기에 맞게 딱들어가면 기분이 좋죠. 웬지 남는 공간이 보이면 느낌이 이상해서 해본 말이었습니다. 너무 고민하지 마십시요.
 |
| 이정도 광고 박스의 크기가 적당하다. |
▶ 이 템플릿 사이트에서 3개 정도의 템플릿을 사용해 보았는데 전부 구글에서 권장하는 자동 광고 삽입을 사용할때 광고가 이쁘게 삽입이 되지않았습니다. 다시 말해서 이 템플릿 사이트의 템플릿들은 광고를 직접 유저가 삽입하는 방식입니다. 그래서 나는 자동으로 광고를 넣고 싶다라고 하시는 분들은 이 템플릿들이 맞지 않을 수 있습니다. 잘 판단 하셔서 템플릿 구매를 하십시요.
- 템플릿을 고르셨으면 'Live Preview' 버튼이 있는데 들어가시면 템플릿이 바로 보입니다. 템플릿 상세 페이지라고 생각하시면 됩니다.
'다운로드' 버튼은 무료로 받는 부분입니다. 그냥 다운로드 받아서 자신의 블로거에 적용해도 됩니다. 하지만 많은 기능이 빠진 무료 버전입니다. 일단 눌러서 적용을 해보세요. 그냥 사이트에서 보는 것과 직접 적용해서 보는 것이 다를겁니다
'Buy' 버튼은 무료로 다운받아 적용 해보고 템플릿이 맘에 든다면 구매를 하는 버튼입니다. 구매는 그냥 비자카드 같은걸로 카드번호 넣고 결제하는 간단한 방식입니다.
한국처럼 엑티브엑스나 이상한거 설치 안해도 됩니다. 다만 저는 문제 없었지만 이러한 결제 방식이 불안하시면 안하셔도 됩니다. 판단은 여러분이 하는것입니다. 저는 책임을 지지않습니다.
구매 금액은 저렴합니다. 가격이 템플릿마다 다른데 보통 2만원 정도입니다.
④ 블로거에 템플릿 적용
▶ 템플릿을 구매하셨다면 이제는 자신의 블로거에 적용을 해야겠죠. 적용은 간단합니다.
'테마-맞춤설정' 버튼을 누르시면 여러 설정이 보입니다.
- '백업' 은 상당히 중요하죠. 기존에 템플릿이(테마)이 있다면 새로운 테마(템플릿)를 적용하기 전에 반드시 백업을 눌러서 자신의 PC에 저장해두십시요.
- '복원' 은 새로운 테마(템플릿)를 적용하는 항목입니다.
- 'HTML 편집' 은 HTML을 직접 수정하면서 세밀하게 블로거를 꾸밀 수 있습니다.
- '모바일 설정' 은 크게 신경 안쓰셔도 됩니다. 지금 설명하는 템플릿은 반응형 템플릿입니다.
PC에서 템플릿을 적용하면 모바일에 최적화된 화면(테마)으로 알아서 변합니다.
참고로 구매하신 반응형 템플릿은 이미 기기 화면 크기(PC, 태블릿, 모바일)에 맞춰 자동으로 변환되도록(미디어 쿼리 등) 코딩되어 있습니다. '모바일 설정'에서 '모바일'을 선택하면, 구글 자체의 간소화된 모바일 전용 기본 테마가 강제로 적용됩니다. 이로 인해 구매한 반응형 템플릿의 디자인이나 레이아웃이 깨지고 모바일 전용 화면으로 따로 출력되게 됩니다.
▶ 우선 기존에 사용하고 계시던 테마(템플릿)가 있다면 백업을 받아 두십시요.
- 'HTML 편집' 에 들어갑니다. HTML 언어로 된 텍스트들이 보일겁니다. 그 HTML 을 전체 선택(Ctrl + A)을 합니다. 그리고 키보드 DEL 키를 눌러서 다 지웁니다. 지우신 다음에는 '저장'을 해줍니다. 이렇게 하는 이유는 기존에 HTML이 있는 상황에서 새로운 템플릿을 적용해도 되지만 간혹 기존의 HTML하고 충돌이 일어날 수 있기에 깨끗히 정리하고 새롭게 시작할려는 것입니다.
 |
| 기존에 사용하던 테마가 있을때 'HTML 편집'을 이용한다 |
 |
| Ctrl + A 전체 선택을 한다 |
 |
| 키보드 DEL 키를 눌러서 다 지우고 '저장' 한다 |
- 'HTML 편집' 창의 텍스트를 다 지워서 아무것도 없는 상태라면 이제는 구입한 템플릿을 적용하면 됩니다. 구입한 템플릿 파일이 압축파일 입니다. 압축을 푼 후 여러 파일들이 보이는데 그중에서 확장자가 '.xml' 로 되 있는 파일을 메모장으로 엽니다(메모장 실행 후 '파일-열기' 에서 '~~.xml' 파일을 클릭하면 메모장으로 열 수 있음)
 |
| 메모장으로 '~~.xml' 파일을 연다 |
메모장으로 열면 HTML 언어가 보입니다. 이제 모두선택(Ctrl + A) 해서 모든 텍스트를 선택하고 복사 (Ctrl + C) 한 다음에 'HTML 편집' 에 붙혀넣기(Ctrl + V) 합니다.
 |
| 깨끗히 비운 'HTML 편집' 창에 붙혀넣기를 한다 |
 |
| 붙혀넣기 하고 '저장'을 한다. |
- 기존 테마가 없고 최초로 템플릿을 적용하시는 분들은 그냥 '복원' 버튼을 눌러서 적용 하시면 됩니다.(기존에 테마가 있었던 분들도 '복원' 에서 해도 됨. 덮어씌기 비슷하게 된다)
 |
| 최초로 템플릿을 작용하시는분들은 그냥 '복원' 버튼을 눌러서 적용 |
2. 레이아웃 수정
★ 이제 본격적으로 레이아웃을 수정해 봅시다. 중요 한 것은 모든 템플릿이 저와 같은 레이아웃을 가진 것은 아닙니다. 레이아웃 모양, 제목도, 단어 등 조금씩 다 다르죠. 그러니 저의 정보를 참고로 여러분의 템플릿 레이아웃을 수정 하십시요. 저의 경우가 모든 것은 아닙니다.
▶ 링크 목록
- 링크 목록은 자신이 자주 가는 사이트를 등록해도 되고 블로거에서 맘에 드는 글의 링크를 등록 할 수 있는, 한마디로 중요한 페이지를 보여주는 것입니다.
저는 그냥 자주 가는 사이트의 링크를 넣었습니다.
 |
| 연필 모양을 클릭해서 편집하고 저장하면 된다 |
▶ 헤더
- '로고'를 넣는 부분입니다. 로고는 인터넷 검색을 하시면 무료로 로고를 만들 수 있는 사이트가 있습니다. 저도 그냥 웹상에서 무료로 만들어 주는 로고 사이트에서 로고를 만들어 '헤더'에 넣었습니다.
▶ ~ADS~
- 광고를 넣는 부분입니다. 광고 코드는 구글에서 수익을 창출해라 즉 광고 승인이 되면 코드를 제공합니다. 그 코드를 복사해서 직접 레이아웃의 '~ADS~' 부분에 모두 넣으면 됩니다.
광고를 넣는 방법은 링크를 참조 하십시요.에드센스(광고)를 연결 하는 방법 링크
 |
| 'AD' 단어가 들어 있는 부분은 광고 코드를 넣는 부분이다 |
▶ TAG(라벨)
- 보통 '라벨'이라고 합니다. 작성한 글이 어떤 내용을 담고 있는지 주제별로 묶어주는 역할을 합니다. 하나의 글에 여러 개의 라벨을 동시에 달 수 있습니다.
기존에 라벨을 미리 정해서 넣는 것이 아닌 여러분이 글을 작성하면서 바로바로 넣으면 라벨이 자동 등록이 됩니다. 예를들어 BROWSER,TECHNOLOGY, 라는 라벨은 없었습니다. 하지만 새글을 작성하면서 넣었습니다. 그러면 자동 등록이 됩니다. 한번 등록이 되면 다음에도 계속 사용 가능하죠.
 |
| 글 작성하면서 원하는 주제를 넣으면 된다 |
 |
| TAG(라벨)을 생성 할때 마다 자동으로 나타난다 |
▶ 링크 목록
- 카테고리를 말하는 것입니다. 윈도우 파일 탐색기와 비슷하죠. '라벨'을 만드시고 해도 되고 '라벨'을 만들기 전에 먼저 정하셔도 됩니다.(단. 라벨이 없으면 링크 주소 없이 작성)
- 예를 들면 메인 링크 제목은 'GIS-ARCGIS' 라고 만들고 메인링크 밑으로 확장이 되게 여러 링크를 넣는 것입니다. 아래 이미지처럼 'GIS' 라는 링크를 넣을려면 '_' 를 링크 제목 텍스트(예 : _GIS) 맨 앞에 넣으면 됩니다.
 |
| 큰 링크 제목 하위 링크 제목은 '_' 를 맨 앞에 넣는다 |
▶ Top News
- 블로거 글 중에서 최다 조회를 달성한 글을 보여주는 것이죠.
 |
| 설정 날짜에 따라 나타나는 글이 다르다 |
▶ CONTENT BLOCKS
- 아래 이미지처럼 주제(라벨)에 맞게 게시글을 보여주는 레이아웃입니다.
{getBlock} $results={게시글수} $label={라벨} $type={block1}
여기서 게시글수, 라벨을 원하는 것으로 넣으시면 됩니다.
▶ MAIN POSTS
- 위의 'CONTENT BLOCKS' 가 라벨별로 묶었다면 'MAIN POSTS' 는 라벨과 상관없이 글을 올린 순서대로 보이는 레이아웃 입니다. 여기서 중요한 것은 광고를 게시글 사이에 넣는것입니다. 에드센스를 연결 하는 방법 링크
 |
| 다른 설정은 쉽지만 광고는 신경써야 한다. |
▶ ABOUT SECTION - About US
- 원래는 프로필 같은 것을 넣는 부분입니다. 저는 프로필 대신에 좋은 말씀을 넣어보았습니다. 원하는 것을 넣어보세요.
▶ ABOUT SECTION - Follow Us
- 자신이 사용하는 SNS 를 연결하는 부분입니다. 템플릿을 구매하면 샘플 주소가 들어가 있죠. 주소는 자신의 SNS 주소로 바꾸세요.
▶ SIDEBAR
- 보통 사이드바라고 하죠. 템플릿에 따라 왼쪽에 있을 수도 있고 오른쪽에 있을 수도 있고 양쪽에 있을 수도 있습니다. 템플릿을 구매하면 기본적으로 몇가지 '가젯'이 들어 있습니다. 아래 이미지에서는 기본적인 '가젯' 말고 제가 추가 한 '가젯'도 있습니다. 이 사이드바도 설정이 쉬워서 설명은 생략하고, 가젯을 새로 추가하는 방법을 알려드립니다.
- '가젯'을 추가 해보죠. 템플릿을 구매하고 보니 검색을 할 수 있는 '검색 바' 가 블로그 홈 화면 위에 있긴 있는데 그리 시안성이 좋지 못해, 눈에 잘 띄게 하고 싶어서 새롭게 '가젯' 을 추가 했습니다.
'+ 가젯 추가' 를 클릭하면 많은 메뉴들이 보입니다. 에드센스(광고), 추천글, 프로필, 페이지 헤더 등등 많은 메뉴들이 보이는데 그중에서 '블로그 검색' 을 클릭하면 가젯이 만들어 집니다.
이렇게 원하는 가젯을 하나씩 추가 해보세요. 해보시고 맘에 안드시는 가젯은 적용 해보고 지우면 됩니다.
- 가젯은 이동도 할 수 있습니다. 마우스로 클릭 후에 마우스에서 손을 띄지 마시고 끌어서 원하는 위치에 놓으면 됩니다.
 |
| 화살표 부분을 누르고 원하는 위치에 끌어 놓으면 된다 |
- 레이아웃 을 수정할때마다 잊지 마시고 반드시 저장을 자주 눌러주세요.
▶ 블로그 하단에 슬라이드 페이지 네비게이션(Pagination) 적용
- 구글 블로거는 '네이게이션 바'가 없습니다. 아래 이미지는 제가 HTML 을 수정하여 직접 넣은 것입니다.
 |
| 구글블로거는 네비게이션(넘버링 번호) 바가 원래 없다 |
- 네비게이션 바 넣기 링크를 참조 하시면 도움이 되실겁니다.
방법은 '테마-맞춤설정- 'HTML 편집' 에 들어가서 직접 HTML을 수정해야 합니다. 절대 어렵지 않습니다. HTML 텍스트를 지우고 수정하는 것이 아닌 기존의 HTML 텍스트는 그냥 나두고 추가만 하면 되는 것입니다. 코드를 찾는 방법은 우리가 늘 알고 있는 컨트롤 F(Ctrl + F)를 사용해서 찾고, 원하는 부분에 추가를 하면 됩니다.
예를들면 링크 내용에서 '다음 코드를 </body> 바로 위에 복붙한다' 라고 되있는데 </body> HTML 텍스트를 찾아야 합니다.
 |
| 테마-맞춤설정- 'HTML 편집' 으로 간다 |
 |
| 컨트롤 F(Ctrl + F) 를 하면 'Search :' 가 상단에 나타난다. |
 |
| </body> 단어를 넣고 키보드 엔터를 친다 |
 |
| </body> 텍스트가 색깔로 나타난다. |
그런데 블로거를 방문하는 분들은 검색을 통해서 원하는 정보만 보고 대부분이 그냥 블로거를 나가시죠. 그래서 네이게이션 바 가 필요 없을 수도 있죠. 잘 생각하셔서 넣던지 빼든지 하시면 됩니다.
▶ 그외 레이아웃
- 다른 레이아웃들은 위에 설졍한 레이아웃들 하고 비슷합니다. 설정하다가 틀려도 큰 이상이 없는 부분이라 설명은 생략합니다.
3. 레이아웃 수정을 하다가 망쳤을때
- 수정을 열심히 했지만 어느순간 전체 블로그가 이상해져서 다시 원상태 할때는 위에 정보중에 '④ 블로거에 템플릿 적용' 을 다시 시도 하면 됩니다.
4. 글을 마치며.......
- 어찌보면 쉬운거 같지만 처음 블로그를 만드시거나 템플릿을 바꿔 보신적이 없으셨던 분들은 당황 하실겁니다. 하지만 하나하나 천천히 살펴 보신다면 크게 어렵지 않습니다. 저도 많은 시행착오를 거쳐서 완성 하게 되었습니다.
최근에는 AI 시대라서 포탈에서 검색을 하면 AI 답변이 보이죠. 많은 분들이 AI 답변을 보고, 우리가 힘들여 만든 블로그는 들어오지 않는 시대입니다. 그러나 AI 답변도 우리가 만든 정보를 토대로 만들어지는 것입니다. 블로거로 돈을 번다기 보다 그동안 다른 분들에게 많은 도움을 받은 만큼 돌려주어야 한다는 것이 제 개인적인 생각입니다. 그러면 즐거운 블로거 되십시요.
👽 참조 링크
2026년, 구글 블로거(Google Blogger)에 광고(에드센스)를 연결 하는 방법
구글 에드센스(Google AdSense) 메뉴의 핵심 기능 설명
구글 블로거(Blogger) 대시보드 기본 설정 및 글쓰기 방법
Google Search Console 사용, 블로거(Blogger) 색인 문제 해결
Naver Search Advisor(서치 어드바이저)등록, 웹사이트나 블로그의 검색 반영 & 모니터링
DAUM 검색등록(공식), 웹마스터 도구(Beta)에 사이트를 등록하고, 검색 결과를 사이트에 노출
댓글 쓰기