네이버 홈페이지형 블로그 쉽게 만들기 기초편 마무리 및 완성 feat.여행하는 디자이너 트래블러

안녕하세요. 여행하는 디자이너 트래블러입니다. 네이버 블로그 꾸미기의 시작 홈페이지형 블로그 만들기 기초 편 마무리를 해보겠습니다. 이제 위젯의 위치만 조절하면 모든 작업은 끝나는 것 같습니다.

이번 기초 편에서 해봤던 홈페이지형 블로그 만들기를 한 번만 같이 만들어보면, 응용 편에서는 좀 더 다양한 디자인으로 홈페이지형 블로그로 나만의 네이버 블로그 꾸미기를 쉽게 하실 수 있을 것 같습니다. 유튜브로 영상을 촬영하고 글로 남겨야 하나, 말아야 하나 고민을 하다가 영상보다는 글과 그림으로 보는 게 익숙하거나 편하신 분들도 있을 것 같아서 시리즈로 업로드하게 되었습니다.

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

1. 등록한 버튼 위젯 배치하기
2. 공간 위젯 5개 , 버튼 위젯 5개
3. 적용하기

영상의 캡처 화면을 사용하여 글이 작성이 되었기 때문에 화질이 다소 좋지 못한 점 양해 부탁드립니다. 아래 관련 글 링크는 네이버 블로그 홈페이지형 만들기 1~7편 바로가기 링크입니다. 참고 부탁드립니다. 그럼 마지막 최종 편에서는 위젯의 위치를 조절하고 최종 완료한 블로그도 보여드리도록 하겠습니다.

유튜브 강의

홈페이지형 네이버 블로그 만들기

01 / 02 / 03편

1. 등록한 버튼 위젯 배치하기

방법 1) 등록한 버튼 1, 버튼 2, 버튼 3, 버튼 4, 버튼 5 위젯은 [레이아웃, 위젯] 설정의 편집 영역에서 확인할 수 있습니다. "버튼 1" 위젯을 클릭한 채로 드래그하여 글 영역과 "공간 1" 위젯 사이의 공간에 배치합니다.

방법 2) "버튼 2, 3, 4, 5" 위젯도 아래 그림처럼 순서대로 글 영역과 공간 위젯 사이에 모두 배치해주면 됩니다.

2. 공간 위젯 5개 , 버튼 위젯 5개

홈페이지형 네이버 블로그 만들기에서 가장 기본적으로 많이 사용되는 구조입니다. 글 영역 위로 이렇게 공간 위젯과 버튼 위젯을 배치하여 두 줄로 사용을 하게 됩니다. 이번 기초 편에서는 상단 영역의 위젯은 이 구성으로 제작을 했지만 추후 응용 편에서 좀 더 다른 구성으로 할 수 있는 방법을 제작해보겠습니다. 

상단 영역이란?

-블로그 상단의 배경을 말하며, 이미지를 등록하면 해당 이미지는 브라우저 창 크기에 맞춰 가로로 반복하게 됩니다. 우리가 제작해 봤던 스킨 배경 이미지의 사이즈는 현재 가장 보편적인 해상도인 가로 1920px 이상으로 제작하여 대부분의 모니터에서 화면에 무리 없이 보이고 어색하게 반복되는 영역이 쉽게 보이지 않도록 하였습니다.

레이아웃이란?

-디자인, 광고, 편집에서 문자, 그림, 기호, 사진 등의 각 구성요소를 제외한 공간 안에 효과적으로 배열하는 일. 또한 그 기술을 말합니다.

3. 적용하기

방법 1) 배너의 위치 지정이 끝나면 하단 [적용] 버튼을 클릭하여 레이아웃을 블로그에 적용합니다. 안내 메시지가 나오면 확인을 눌러줍니다.

이렇게 해서 기본적인 구조의 홈페이지형 네이버 블로그가 완성되었습니다. 아래 화면은 적용한 화면의 모습니다. 하단 패턴 영역 색상은 아직 바꿔주기 전이라서 기본 색이 바탕색이 되었지만 저번 포스트에 하단 패턴 영역을 흰색으로 적용하는 것을 추천했었습니다.

하단 영역 (패턴) 컬러를 흰색으로 지정하면 아래 화면과 같이 좀 더 완성도 있는 홈페이지형 블로그를 만들 수 있습니다. 저의 경우 버튼도 제가 원하는 버튼으로 이미지 수정 후 다시 업로드해봤습니다.

블로그 메인화면을 아래 화면처럼 드래드 해서 버튼 영역을 잡아보면 버튼의 배경이 투명이지만 영역은 우리가 설정한 가로 170px*세로 260px 직사각형 버튼이라는 것을 알 수 있습니다.

스킨 적용한 네이버 블로그는 [여기]에서 확인해 보세요.

현재 네이버 블로그는 운영을 하지 않고 있지만 네이버 블로그는 정도 많이 가고, 좋은 이웃들도 만나서 추억이 많은 공간이었습니다. 처음 블로그를 운영하기에는 네이버 블로그가 여러모로 장점이 많았습니다.