네이버 홈페이지형 블로그 만들기 “10분이면 완성!”

네이버 홈페이지형 블로그 만들기 “10분이면 완성” 하는 방법을 알려드리도록 하겠습니다. 사실 제가 알려드리는 네이버 수익형 블로그에서는 홈페이지형 블로그를 만들 필요가 없습니다. 하지만 수강생 분들 중에 자영업을 하시고, 홈페이지형 블로그를 희망하시는 분이 계셨는데요. 그래서 이번 글에서는 그대로 따라하기만 하면 10분 만에 홈페이지형 블로그를 만들 수 있는 방법을 알려드리도록 할게요.



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

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

1. 배경화면 이미지 만들기(by 미리캔버스)

홈페이지형 블로그를 만들기 위해서 2종류의 이미지가 필요합니다. 첫번째는 배경화면 이미지, 두번째는 버튼을 클릭할 수 있는 아이콘 이미지입니다. 이번 글에서는 2개의 이미지를 쉽게 만들기 위해서 미리캔버스를 활용해볼텐데요. 미리캔버스에 접속한 후 로그인을 해주도록 하세요.

홈페이지형-블로그-만들기

미리캔버스에서 배경화면 이미지를 먼저 만들어 볼텐데요. 미리캔버스에 로그인을 해준 후 우측 상단을 보시면 ‘디자인 만들기’가 있습니다. 디자인 만들기를 클릭해준 후 사진에 보이듯이 1920, 700 px을 각각 입력해주도록 합니다. ‘새 디자인 만들기’를 눌러주세요.

미리캔버스에서 다양한 템플릿 및 이미지를 사용할 수 있는데요. 저는 템플릿을 통해 이미지를 하나 고르도록 하겠습니다. 만약 원하는 이미지가 없다면 무료 이미지 사이트 Unsplash와 같은 곳에서 사진을 가져와 이곳에 넣으셔도 됩니다. 템플릿이든 사진이든 넣은 뒤 화면을 꽉 채워주도록 만들어줍니다. 우측 상단을 통해 고화질로 다운로드를 받아주세요.

2. 아이콘 이미지 만들기(by 미리캔버스)

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

이번엔 사람들이 클릭하여 이동할 아이콘 이미지를 만들어보도록 하겠습니다. 우측 상단 ‘디자인 만들기’를 다시 눌러 이번엔 170, 100 px 을 입력한 후에 ‘새 디자인 만들기’를 해주세요.

좌측 메뉴 중 ‘요소’를 누른 후 ‘아이콘’을 검색해주세요. 왕관 표시를 제외한 이미지들은 모두 무료로 사용하실 수 있습니다. 왕관 표시가 없으면서 마음에 드는 아이콘 그림체를 눌러주세요. 여기서 총 5장의 아이콘을 만들어줄거에요.

네이버-홈페이지-블로그

어떤 메뉴인지 쉽게 보기 위해 아이콘 밑에 ‘텍스트’도 함께 넣어주도록 할게요. 5개의 아이콘을 만든 후 우측 다운로드를 눌러주세요. 여기서 주의해야할 점은 ‘PNG 옵션’ – ‘투명한 배경’ 박스를 체크해준 후 ‘고해상도 다운로드’를 실행시켜주세요. 압축파일로 다운로드 되며 미리 풀어주도록 합니다.

3. 포스팅 이미지 업로드 해주기

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

자신의 네이버 블로그에서 포스팅 글쓰기를 눌러주도록 합니다. 제목을 편하게 작성한 뒤에 아이콘 이미지 5개를 업로드 해주도록 합니다. 발행을 눌러준 후 ‘공개 설정’ – ‘비공개’를 설정한 뒤 ‘발행’ 해주도록 합니다.

지금 과정은 이미지를 웹상에 올려 사람들에게 보이기 위한 과정이므로 굳이 포스팅을 공개하여 노출할 필요가 없습니다. 알고리즘에 맞지 않는 포스팅을 괜히 노출하여 블로그 점수를 떨어뜨릴 수 있으니 반드시 ‘비공개’ 설정을 해주도록 하세요.

4. image-map을 통해 태그 쉽게 가져오기

네이버-홈페이지형-블로그-만드는법

Image-map 사이트에 접속해주세요. 위 첫번째 사진과 같은 화면이 바로 보이실텐데요. ‘Select Image from My PC’를 클릭해주세요. 첫번째 아이콘 사진을 업로드해주세요.

이제 3번째 사진과 같은 화면이 보이게 될텐데요. 자신이 업로드한 아이콘 이미지가 먼저 보입니다. 이곳에 버튼 클릭 영역을 설정해주는 것인데요. 마우스로 왼쪽 대각선 위 한번 클릭, 오른쪽 대각선 아래를 한번 클릭해주세요. 이후 영역을 조절하는데 사진에 보이듯이 전체적으로 설정해주도록 하세요. 글로 설명을 해드리니 다소 복잡해보일 수도 있지만, 실제로 따라해보면 쉽게 하실 수 있을 것입니다.

다음은 Link에 이동할 화면을 넣어줄거에요. 2번째 사진으로 돌아가주도록 합니다. 자신의 블로그 카테고리 중 해당 아이콘을 눌렀을 때 이동하길 바라는 링크를 넣어주는 것인데요. ‘홈 화면’을 넣고 싶다면 자신의 블로그 주소를 그대로 기입하면 됩니다. 특정 ‘카테고리’로 이동하고 싶다면 ‘카테고리’ – ‘오른쪽 마우스’ – ‘링크 주소 복사’를 해주세요. 해당 링크를 3번째 사진 Link에 기입하면 됩니다.

마지막 Target은 _top을 설정해준 뒤 마지막으로 ‘Show Me The Code!’를 클릭합니다.

홈페이지형-블로그-만드는-방법

위 사진과 같이 코드가 나오는 것을 볼 수 있습니다. 맨 첫 줄을 제외한 나머지 줄을 ‘메모장’에 복사 붙여넣기 해주세요. 이전에 저희는 아이콘 이미지 5개를 만들었습니다. 5개 아이콘 모두 지금 과정을 반복하여 메모장에 모두 복사해주세요. 완성이 되면 총 5개의 코드가 생기게 될 것입니다.

홈페이지형-블로그-이미지맵

지금까지 홈페이지형 블로그 만들기 따라하시느라 고생 많으셨습니다. 이제 어려운 과정은 한 번 밖에 남지 않았습니다.

메모장에 복사한 코드를 수정하는 과정이 남았는데요. 이전에 비공개로 업로드한 포스팅으로 돌아가도록 합니다. 해당 포스팅에서 첫번째 아이콘 이미지에 마우스를 올려 ‘우클릭’을 해주세요. ‘이미지 주소 복사’를 클릭합니다.

<img src=”000″ use map=”#image-map”> 코드에서 000에 붙여넣기를 해주세요. 5개의 아이콘 각각 모두 이미지 주소를 복사하여 코드를 수정해주도록 합니다.

5. 네이버 블로그 레이아웃 설정

2023-네이버-블로그-만들기

네이버 설정 및 관리 화면으로 들어갑니다. ‘꾸미기 설정’ – ‘스킨선택’ – ‘레이아웃 설정’에 들어가도록 합니다. 상단 레이아웃 중 오른쪽 2번째 레이아웃을 선택해주세요. 글 영역은 ‘넓게’로 설정해주도록 합니다. 위젯이 4개 밖에 들어가지 않는다면 글 영역이 보통으로 되어 있기 때문입니다.

왼쪽편 레이아웃 초기설정은 ‘프로필 영역’, ‘카테고리’ 등이 상단에 위치할텐데요. 블록을 드래그하여 아래로 모두 내려주도록 합니다. 마지막으로 우측 하단에 보이는 메뉴 중 ‘위젯 베타 등록’을 선택해주세요.

이곳에 저희가 열심히 만들었던 코드를 입력할 것입니다. 저희가 메모장에 적었던 코드 5개를 각각 등록하여 위젯 5개를 만들어주세요. 위젯 5개를 만든 뒤 2번째 사진과 같이 순서대로 상단에 배치해주며 완료해주도록 합니다.

6. 네이버 블로그 세부 디자인 설정

네이버-블로그-배경화면

이제 네이버 홈페이지형 블로그 만들기 마지막 단계입니다. 다시 꾸미기 설정으로 돌아가 ‘세부 디자인 설정’을 클릭해주세요. 자신의 블로그 화면이 보이며 우측 편에 ‘리모콘’이 보이실텐데요. ‘스킨배경’ – ‘직접등록’ – ‘상단 영역’ – ‘파일 등록’을 통해 미리캔버스로 만든 배경화면 이미지를 넣어주세요.

다음은 ‘타이틀’ 메뉴로 들어갑니다. ‘영역 높이’를 최대 600으로 만들어준 뒤 ‘디자인’ – ‘컬러’ 에서 배경색 없음을 해준 뒤 ‘적용’을 눌러 마무리해 줍니다.

자신의 블로그 홈페이지 메인 화면으로 가면 완전히 바뀌어버린 블로그를 보실 수 있을 것입니다. 메뉴를 클릭하여 링크가 올바르게 이동하는지 확인해보세요. 지금까지 따라오시느라 수고 많으셨습니다. 영상을 보고 따라하실 수 있도록 유튜브에도 업로드 하도록 하겠습니다.



네이버 블로그 관련 글

네이버 블로그 무료 이미지 사이트 절대 이용하지 마세요!

네이버 블로그 방문자수 늘리기 3가지 TIP

하루 30분 월 200만원 버는 네이버 블로그 강의


Leave a Comment

SNS