안녕하세요, 여행하는 디자이너 트래블러입니다. 홈페이지형 네이버 블로그를 직접 제작하고 싶은 분들을 위한 기초 시리즈 3편! 이번 편에서는 메뉴 버튼 배치 위치 확인과 네이버 블로그 레이아웃 설정 방법에 대해 정리해 보겠습니다. 홈페이지형 블로그 기초편은 총 7편으로 연재되며, 하단에 유튜브 강의 영상도 첨부됩니다.
- Appendix
- 블로그 레이아웃/위젯 설정
- 수평 정렬 레이아웃 확인
- 스킨 적용하기 I
- 스킨 적용하기 II
- 스킨 적용하기 III
*이 글은 유튜브 영상을 먼저 촬영한 후 캡처 화면을 활용해 작성되었기 때문에, 일부 이미지의 화질이 다소 낮을 수 있는 점 양해 부탁드립니다.
관련 유튜브 강의
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
(기초1편 바로가기)
(기초2편 바로가기)
(기초3편 바로가기)
1. 포토샵으로 메뉴 버튼 위치 미리보기(Appendix)
홈페이지형 블로그 스킨을 적용하기 전, 포토샵을 활용해 버튼 위치와 색상이 잘 어울리는지 미리 확인해봅니다.
작업 순서:
- 포토샵 상단 메뉴바 [File → Place] 클릭
- 만들어둔 버튼 이미지 불러오기
- 원하는 위치로 배치 후 Enter
이 과정은 저장이 목적이 아니라 미리보기이므로, 저장 없이 확인만 해도 충분합니다.
2. 네이버 블로그 레이아웃/위젯 설정
홈페이지형 블로그는 수평 정렬 레이아웃을 기반으로 제작합니다. 총 12가지 레이아웃 중 11번째 레이아웃(수평형)을 선택해 주세요.
- 네이버 로그인 후 내 블로그 접속
- 블로그 프로필 영역 → [관리] 클릭
- [꾸미기 설정] → [디자인 설정] → [레이아웃/위젯 설정]
- 12개 중 11번째 레이아웃(수평 정렬형) 선택
- 확인 및 적용
4. 스킨 적용하기 I – 리모컨 진입
이제는 직접 만든 스킨 이미지를 블로그에 적용할 차례입니다. 먼저 리모컨 메뉴를 열어 세부 디자인 설정으로 진입해 주세요.
방법:
블로그 메인 → 프로필 하단 [관리] → [세부 디자인 설정] 클릭
5. 스킨 적용하기 II – 스킨 이미지 등록
이제 본격적으로 만든 스킨을 등록합니다.
스킨 등록 방법:
- 리모컨 메뉴 → [스킨 배경] → [디자인] → [직접 등록] 탭 클릭
- 상단 영역 → [파일 등록] 버튼 클릭
- 제작한 스킨 이미지 업로드
이 설정은 추후 시청자 질문으로 추가된 항목이며, 깔끔한 블로그 디자인을 위해 추천드립니다.
6. 스킨 적용하기 III – 최종 적용
이미지 등록 후에는 적용 버튼을 눌러 마무리합니다.
마무리 단계:
- 리모컨 하단 [적용] 클릭
- 팝업 메시지 확인 후 적용
이번 포스트에서는 홈페이지형 네이버 블로그를 위한 기본 레이아웃과 스킨 적용 방법을 알아보았습니다. 이제 버튼 이미지와 위젯을 추가해 홈페이지처럼 꾸미는 작업만 남았어요.
댓글 쓰기