네이버 블로그를
홈페이지형으로 바꾸는 법
스킨 제작 · 위젯 설치 · 링크 연결 — 4단계 실전 가이드
왜 홈페이지형 블로그로 바꿔야 할까?
솔직히 말하면, 처음 블로그를 만들고 지인한테 주소를 보냈을 때 돌아온 반응이 "그냥 블로그네요"였습니다.
내용은 분명 괜찮았는데, 첫인상이 모든 것을 결정하더라고요. 그 한 마디가 홈페이지형 블로그를 연구하게 된 계기였습니다.
기존 블로그는 카테고리가 왼쪽 사이드에 숨어있어 방문자가 뭘 봐야 할지 모릅니다. 홈페이지형은 상단에 메뉴로 바로 노출되어 클릭을 자연스럽게 유도합니다.
네이버 기본 스킨을 벗어나, 우리 브랜드가 추구하는 이미지를 배경 이미지와 디자인으로 직접 표현할 수 있습니다. 같은 내용도 달라 보입니다.
- 카테고리가 왼쪽 텍스트 목록
- 기본 스킨, 누구나 비슷하게
- 방문자가 뭘 봐야 할지 모름
- 홍보·신뢰감 연출 어려움
- 카테고리가 상단 메뉴로 노출
- 브랜드 이미지 맞춤 디자인
- 원하는 콘텐츠 바로 클릭
- 자사 웹사이트 연결도 가능
전체 과정 한눈에 보기
홈페이지형 블로그 제작은 딱 4단계입니다. 겁먹을 필요 없어요. 하나씩 따라오시면 됩니다.
STEP 1 — 스킨 제작 (배경 이미지 + 버튼)
이게 제일 먼저 결정해야 할 부분입니다. 크기를 잘못 잡으면 배경이 패턴처럼 반복되거나, 오른쪽이 잘려 보이는 불상사가 생깁니다.
| 항목 | 권장 크기 | 이유 |
|---|---|---|
| 가로 | 1,920px 이상 | 대부분의 모니터 해상도 기준. 이보다 작으면 배경이 반복됨 |
| 세로 | 700 ~ 800px | 스크롤 없이 메뉴까지만 보이는 최적 높이 |
| 참고 설정값 | 1,920 × 780px | 세로 스크롤 없이 카테고리 메뉴까지 딱 맞게 보임 |
네이버 위젯 기본 크기는 가로 170px입니다. 그런데 버튼은 180px로 만들어야 합니다. 왜냐고요?
위젯과 위젯 사이에는 눈에 보이지 않는 빈 공간이 있습니다. 170px에 딱 맞게 만들면 그 공간에 마우스를 올렸을 때 링크가 끊깁니다. 180px로 약간 크게 만들면 그 공간을 자연스럽게 메울 수 있어요.
| 항목 | 크기 | 비고 |
|---|---|---|
| 버튼 가로 | 180px | 위젯 간 빈 공간 대응 (170px 아님!) |
| 버튼 세로 | 원하는 크기 | 권장 130px (스킨 하단에 자연스럽게 위치) |
| 버튼 개수 | 5개 | 한 줄에 최대 5개 배치 가능 |
-
1새 캔버스 생성 (1,920 × 780px)
포토샵에서 배경 크기에 맞게 새 캔버스를 만들어줍니다.
-
2버튼 위치 먼저 잡기
사각형 도구로 180×130px 사각형을 5개 만들어 하단 중앙에 배치합니다. 배경과 동시 선택 후 가운데·아래 정렬.
-
3배경 이미지 깔기
Pixabay 등에서 가로가 긴 무료 이미지를 다운받아 캔버스에 채워줍니다. 상업적 사용 가능 여부를 꼭 확인하세요.
-
4블로그 이름 + 버튼 텍스트 입력
수평 문자 도구로 블로그명을 중앙에, 각 버튼에 메뉴 이름(업체소개, 이용방법, 가격, 위치, 연락처 등)을 작성합니다.
-
5웹용으로 저장
Ctrl+Shift+Alt+S를 눌러 웹용으로 저장합니다. JPG 또는 PNG 권장.
STEP 2 — 스킨 설정
스킨을 만들었으면 블로그에 입혀야겠죠. 순서만 따라오시면 2분 안에 끝납니다.
-
1블로그 관리 → 꾸미기 설정 진입
내 블로그 상단 메뉴에서 관리를 클릭한 뒤, 왼쪽 메뉴에서 꾸미기 설정으로 이동합니다.
-
2스킨 선택 → 세부 디자인 설정
스킨 카테고리에서 [스킨 선택] 클릭 후 [세부 디자인 설정]으로 들어갑니다.
-
3스킨 배경 → 직접 등록
세부 디자인 창에서 [스킨 배경] → [직접 등록] → [파일 등록]을 순서대로 클릭해 만들어둔 스킨 이미지를 업로드합니다.
-
4[적용] 버튼 클릭
업로드 후 반드시 [적용] 버튼을 눌러야 반영됩니다. 블로그 미리보기로 확인하세요.
STEP 3 — 위젯 설치 & 크기 조정
스킨이 배경이라면, 위젯은 그 위에 올려두는 투명한 클릭 영역입니다. 총 10개의 위젯을 만들어야 합니다.
위쪽 긴 투명 위젯 5개 + 아래 버튼 클릭 영역 위젯 5개 = 총 10개입니다. 이걸 먼저 알고 만들면 훨씬 수월합니다.
-
1레이아웃·위젯 설정 진입
블로그 관리 → 꾸미기 설정 → 레이아웃·위젯 설정으로 이동합니다.
-
21단형 레이아웃 선택
홈페이지형에는 1단형 레이아웃이 필수입니다. 2단·3단이면 배경 이미지가 가려집니다.
-
3타이틀 체크 해제
메뉴 사용 설정에서 타이틀에 체크가 되어 있다면 해제해줍니다. 타이틀이 배경 위에 겹치면 지저분해 보입니다.
-
4위젯 직접 등록 — 아래 코드 사용
메뉴 하단 [+ 위젯직접등록]을 클릭해 위젯을 추가합니다. 아래 코드를 가로·세로만 바꿔서 사용하세요.
<table width="가로px" height="세로px"><tbody><tr><td /></tr></tbody></table> -
5위젯 배치 순서 정리
기존 프로필·카테고리·블로그 정보 위젯을 아래로 내리고, 직접 만든 위젯 10개를 맨 위로 올려줍니다. 마지막으로 [적용].
| 위젯 종류 | 가로 | 세로 | 개수 |
|---|---|---|---|
| 상단 여백 (긴 투명 위젯) | 170px | 530px | 5개 |
| 하단 버튼 위젯 | 170px | 150px | 5개 |
STEP 4 — 위젯에 링크 달기
버튼처럼 생겼지만 아직은 클릭해도 아무 일도 안 일어납니다. 이제 각 버튼 위젯에 카테고리 URL을 연결해줄 차례입니다.
-
1각 카테고리의 URL 복사
블로그에서 카테고리를 클릭했을 때 주소창에 나오는 URL을 각각 복사해 둡니다.
-
2버튼 위젯 수정 → 링크 태그 추가
위젯 코드를 아래처럼
<a href="...">태그로 감싸줍니다.<a href="카테고리URL" target="_top">
<table width="170" height="150"><tbody><tr><td /></tr></tbody></table>
</a> -
35개 버튼 모두 반복 후 [적용]
버튼 5개 위젯에 각각 다른 카테고리 URL을 연결합니다. 저장 후 실제 블로그에서 클릭해보며 테스트합니다.
target="_blank"가 아닌 target="_top"을 사용하세요. 네이버 블로그 구조 특성상 _top이어야 같은 창에서 올바르게 열립니다.📌 더 빠른 방법 — AI 자동화 확장 프로그램
위 4단계를 직접 하면 보통 2~3시간은 걸립니다. 특히 포토샵 스킨 제작과 위젯 10개 설치가 번거롭습니다.그래서 이 과정을 클릭 몇 번으로 자동화하는 크롬 확장 프로그램을 만들었습니다.
블로그 이름과 업종을 입력하면 AI가 프롬프트를 만들고, Gemini에서 이미지를 생성해 1920×700으로 자동 변환합니다.
✨위젯 10개 자동 등록
버튼 한 번으로 레이아웃·위젯 설정 페이지가 열리고, 투명 위젯 10개가 자동으로 등록됩니다.
✨메뉴 5개 링크 자동 수집
현재 탭의 네이버 블로그에서 카테고리 링크를 자동으로 가져와 메뉴에 연결합니다.
자주 묻는 질문 (FAQ)
네이버 블로그 스킨 최적 크기는 얼마인가요?가로 1,920px 이상, 세로 700~800px가 권장입니다. 대부분의 모니터가 1,920px 해상도이며, 이보다 작으면 배경 이미지가 패턴처럼 반복되어 보입니다. 세로는 700~800px가 첫 화면에 스크롤 없이 메뉴까지 보이는 최적 높이입니다.
버튼 위젯을 170px이 아닌 180px로 만들어야 하는 이유가 무엇인가요?
네이버 위젯 최대 가로가 170px이지만, 위젯과 위젯 사이에는 눈에 보이지 않는 빈 공간이 존재합니다. 버튼을 170px에 딱 맞게 만들면 그 공간에 마우스를 올렸을 때 링크 클릭이 되지 않습니다. 180px로 약간 크게 만들어야 그 공간을 자연스럽게 덮을 수 있습니다.
포토샵 없이도 스킨을 만들 수 있나요?
물론입니다. Canva(무료), 미리캔버스 등으로도 1,920×700px 이미지를 만들 수 있습니다. 또는 위의 AI 자동화 크롬 확장 프로그램을 사용하면 Google Gemini AI가 배경 이미지를 자동으로 생성해줍니다.
기존 블로그 글이 사라지지 않나요?
전혀 아닙니다. 홈페이지형으로 변환하는 작업은 디자인 영역(배경 이미지, 위젯, 레이아웃)만 건드립니다. 기존에 작성한 글, 댓글, 사진은 전혀 영향을 받지 않습니다.
홈페이지형 블로그도 네이버 검색에 잘 노출되나요?
네. 홈페이지형은 디자인만 바꾸는 것이고, 블로그 글의 SEO에는 영향을 주지 않습니다. 오히려 방문자의 체류 시간이 늘고 재방문율이 높아져 간접적으로 블로그 지수에 긍정적인 영향을 줄 수 있습니다.
