네이버 홈페이지형 블로그 기초편 07.블로그에 적용하기

네이버 블로그 홈페이지형 블로그 만들기는 블로그 꾸미기로 많은 블로거들이 또는 기업의 공식 블로그에서 사용하는 방법입니다. 한 번만 해보면 쉽게 만들 수 있는 만큼 기초 부분만 이해한다면 다양한 디자인으로 홈페이지형 블로그를 만들 수 있습니다.

기초 1, 2, 3, 4, 5, 6편에서는 홈페이지형의 기본이 되는 스킨 사이즈와 간단한 코딩으로 투명 위젯을 만들어 공간을 만들어 버튼의 위치를 잡아봤습니다. 또한 버튼의 경우 웹상의 경로가 필요하여 버튼 이미지를 포스트 발행, 업로드하여 이미지 경로를 얻는 방법도 알아봤었습니다.

홈페이지형블로그 기초7편 목차

1. 유튜브 강의
2. 레이아웃/위젯 설정
3. 위젯 직접 등록

버튼 이미지경로와 url링크를 삽입하여 특별히 html 코딩 없이 위젯의 코드 소스를 만들 수 있었습니다. 이전 글쓰기 버전과 스마트 에디터 3.0 버전 두 개의 방법으로 위젯의 코드 소스를 복사하는 방법 또한 알아봤었습니다. 이번 시간에는 위젯 코드를 복사하여 블로그 위젯으로 등록하는 작업을 해보겠습니다. 아래 관련 글 링크는 네이버 블로그 홈페이지형 블로그 만들기 1~6편 바로가기입니다. 참고 부탁드립니다. 유튜브 영상 링크도 같이 첨부했습니다.

*영상의 캡처 화면을 사용하여 글이 작성되었기 때문에 이미지의 화질이 다소 좋지 못한 점 양해 부탁드립니다. 유튜브 영상을 먼저 촬영하고 글을 작성하게 되었습니다.

네이버홈페이지형블로그-기초7편-대표이미지

유튜브 강의
홈페이지형 네이버 블로그 만들기
01 / 02 / 03편

1. 레이아웃/위젯 설정

이제 메모장에 저장해둔 위젯 코드는 블로그에 위젯으로 등록 시 해당 배너의 이미지 주소(url)를 이미지로 표현해주어 방문자가 버튼으로 인식할 수 있으며, 클릭하면 새 창을 열어 지정한 이동 경로를 탐색할 수 있습니다. 그럼 같이 해보도록 하겠습니다.

방법 1) 네이버 로그인- 내 블로그- 프로필 영역 관리-꾸미기 설정-레이아웃, 위젯 설정을 클릭하여 레이아웃 설정 페이지를 열어줍니다.

홈페이지형블로그-레이아웃-위젯-설정

2. 위젯 직접 등록

방법 1) 레이아웃, 위젯 설정 페이지가 열리면 화면 우측 하단 "위젯 직접 등록" 버튼을 클릭합니다.

방법 2) 위젯 직접 등록 창이 나타나면 위젯명에 구별하기 쉬운 이름으로 입력합니다. 추후 위젯이 많아지면 위젯명으로 쉽게 찾아서 수정을 할 수 있습니다.

방법 3) 메모장에 저장해둔 완성된 위젯 코드 중 "위젯 버튼 1 소스"를 드래그하여 전체 영역을 지정하고 복사하여 위젯 코드 입력란에 붙여 넣기 합니다.

방법 4) 입력 후 다음 버튼을 클릭하여 미리보기로 확인할 수 있습니다. 배너가 정상적으로 출력된다면 등록 버튼을 클릭하여 위젯을 등록합니다

방법 5) 이제 위에서 했던 방법으로 나머지 위젯 버튼도 등록을 해주면 됩니다.

위젯직접등록하기-방법1부터방법6까지

메모장에 있는 위젯 버튼 2, 3, 4, 5 소스도 복사하여 같은 방법으로 등록을 하면 아래 화면과 같이 총 5개의 버튼이 보이게 됩니다. 이제 이 버튼을 이동하여 블로그에 적용하면 모든 작업은 완료가 됩니다.

홈페이지형블로그-네이버-블로그-적용

이번 블로그에 적용하기 편은 메모장에 저장해둔 위젯 코드를 복사하여 위젯 직접 등록으로 붙여 넣기 하는 간단한 과정입니다. 가장 중요한 부분은 홈페이지형 블로그 만들기 1, 2, 3, 4, 5, 6편에서 다뤘던 부분입니다. 7,8편은 마무리하는 과정으로 간단한 작업만 해주면 홈페이지형 블로그가 완성이 됩니다. 다음 최종 편에서는 마무리 단계와 완성된 블로그와 홈페이지형 블로그를 제작할 때 중요한 점을 정리 하겠습니다.

댓글