네이버 블로그를 단순한 일기장이 아닌, 홈페이지처럼 꾸며 활용하고 싶다면 이번 글을 꼭 참고해보세요. 지난 1~6편에서는 스킨 사이즈 설정, HTML 위젯 영역 확보, 버튼 이미지 제작과 링크 연결 등 기초 작업들을 배웠다면, 오늘은 이제껏 만든 위젯 코드를 실제 블로그에 적용하는 실전 단계입니다. (스마트에디터 3.0 기준)
목차
- 유튜브 강의 다시보기
- 블로그 위젯 레이아웃 설정 방법
- 위젯 직접 등록하여 적용하는 법
- 최종 미리보기 및 정렬 팁
✅ 본 포스팅은 유튜브 영상과 함께 구성되어 있으며, 글 아래에서 강의 링크를 확인하실 수 있습니다.
✅이미지 화질은 영상 캡처 기반이라 다소 낮을 수 있는 점 양해 부탁드립니다.
관련 유튜브 강의
‘글보다 영상이 더 익숙하다’는 분들을 위해 유튜브 강의도 함께 제공합니다.
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
🔗(기초1편 바로가기)
🔗(기초2편 바로가기)
🔗(기초3편 바로가기)
유튜브 검색창에 "여행하는 디자이너 트래블러"를 입력하면 쉽게 찾아볼 수 있어요.
강의 링크:
🔗(기초1편 바로가기)
🔗(기초2편 바로가기)
🔗(기초3편 바로가기)
STEP 1. 블로그 레이아웃 설정하기
- 네이버 블로그에 로그인합니다.
- [프로필 영역 관리] → [꾸미기 설정] → [레이아웃/위젯 설정]으로 들어갑니다.
- 홈페이지형 블로그에 사용할 위치에 위젯을 추가하기 위해 해당 페이지를 열어주세요.
STEP 2. 위젯 직접 등록 방법
- 오른쪽 하단의 [위젯 직접 등록] 버튼을 클릭합니다.
- 위젯 이름에는 구분이 쉽도록 예: `메인버튼1`처럼 명확히 입력해줍니다.
- 메모장에 저장해두었던 HTML 코드를 복사해서 입력란에 붙여넣기 합니다.
- 다음 버튼을 누르면 미리보기가 가능합니다. 이상 없이 보인다면 "등록"을 눌러 완료합니다.
1 2 3 | <a href="이동할페이지url" target="_blank"> <img src="버튼이미지url" alt="버튼설명 텍스트" /> </a> | cs |
STEP 3. 여러 개 버튼 위젯 등록하기
- 동일한 방식으로 버튼 2, 3, 4, 5번 위젯 코드도 등록 해줍니다.
- 등록된 위젯은 드래그하여 원하는 위치로 옮기기만 하면 끝!
- 아래는 총 5개의 버튼 위젯이 적용된 예시입니다.
마무리 팁
홈페이지형 블로그는 검색 노출이 강력한 네이버 블로그의 장점과 웹사이트 디자인의 깔끔함을 동시에 누릴 수 있는 구조입니다.
이번 7편에서는 실제 블로그에 적용하는 단계로, HTML 위젯 코드를 복사하여 블로그에 직접 붙여 넣는 방법을 다뤘습니다. 이제 다음 8편에서는 완성된 홈페이지형 블로그의 전체적인 레이아웃을 정리하고, 적용 시 체크해야 할 주의사항과 마케팅 관점에서의 블로그 활용 팁까지 안내드릴게요.
댓글 쓰기