견본

열두칸 수학학원
블로그 적용 안내서

블로그 주소·카테고리 번호·전화·지도 링크는 코드에 미리 넣어 두었습니다. 그림을 올리고 붙여 넣기만 하시면 됩니다.

이 꾸미기는 PC 화면용입니다. 네이버 블로그 휴대폰 앱에서는 PC 위젯이 보이지 않고, 앱의 블로그 홈 화면이 따로 나옵니다.

받으신 파일

title_966x300.png맨 위 타이틀
menu_01~05_170x170.png메뉴 버튼 5개 (학원 소개 · 반·시간표 · 수업 기록 · 공지 · 상담 예약)
side_170x420.png왼쪽 연락 위젯 (상담 전화 · 오시는 길 · 수강료 안내)
side_1~3_170x140.png연락 위젯 대체용 3조각 (6단계에서 필요할 때만)
위젯코드.txt위젯에 붙여 넣을 코드

따라 하기

  1. 이미지 주소 만들기

    새 글 쓰기에서 받은 메뉴·옆 위젯 그림 6장을 올리고 비공개로 발행합니다. 발행된 글에서 그림마다 마우스 오른쪽 → 이미지 주소 복사 → 위젯코드.txt의 [이미지 주소] 자리에 붙여 넣습니다.

    이 비공개 글은 지우지 마세요. 지우면 메뉴 그림이 사라집니다.

  2. 레이아웃 고르기

    관리 → 꾸미기 설정 → 레이아웃·위젯 설정

    위젯이 타이틀 아래에 가로로 놓이는 레이아웃(오른쪽에서 두 번째)을 고릅니다.

  3. 타이틀 넣기

    관리 → 꾸미기 설정 → 세부 디자인 설정 → 타이틀
    • 블로그 제목 표시: 끄기
    • 영역 높이: 300
    • 디자인 → 직접등록 → title_966x300.png 올리기 → 적용

  4. 위젯 6개 등록하기

    관리 → 꾸미기 설정 → 레이아웃·위젯 설정 → 위젯직접등록

    위젯 이름과 코드를 위젯코드.txt에서 그대로 복사해 붙여 넣고 다음 → 등록. 메뉴 5개와 옆_연락 1개, 모두 6번 합니다.

    위젯 한 개는 가로 170px, 세로 600px까지 들어갑니다. 받은 그림은 이 크기에 맞춰 만들었습니다.

  5. 위젯 자리 잡기

    레이아웃 화면에서 메뉴 위젯 5개를 타이틀 바로 아래 줄에 1→5 순서로 끌어다 놓습니다(한 줄에 다섯 개까지). 옆_연락은 왼쪽 칸 맨 위에 놓고 적용을 누릅니다.

  6. 눌러서 확인하기

    내 블로그를 PC로 열어 메뉴 5개를 차례로 눌러 봅니다. 맞는 카테고리로 가면 끝입니다.

    왼쪽 연락 위젯의 세 칸이 눌리지 않으면 위젯코드.txt 맨 아래 '대체 코드' 3개를 위젯 3개로 따로 등록하고(side_1~3 그림 주소도 1단계처럼 복사), 옆_연락 위젯은 레이아웃에서 꺼 주세요.

알아 두실 것

· 위젯은 지우지 않고 레이아웃에서 끄기만 하면 원래대로 돌아갑니다.
· 메뉴 이름은 2026년 10월 네이버 블로그 PC 화면을 기준으로 적었습니다. 이름이 조금 바뀌었으면 비슷한 메뉴를 찾아 주세요. 막히면 화면을 캡처해 보내 주시면 바로 알려 드립니다.

참고한 안내: 소이정 — 홈페이지형 블로그 만들기(위젯 170×600, 위젯직접등록) · 타이틀 966×50~600px 등록 · 레이아웃·위젯 설정 경로