네이버 홈페이지형 블로그 만들기 “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. 네이버 블로그 레이아웃 설정
네이버 설정 및 관리 화면으로 들어갑니다. ‘꾸미기 설정’ – ‘스킨선택’ – ‘레이아웃 설정’에 들어가도록 합니다. 상단 레이아웃 중 오른쪽 2번째 레이아웃을 선택해주세요. 글 영역은 ‘넓게’로 설정해주도록 합니다. 위젯이 4개 밖에 들어가지 않는다면 글 영역이 보통으로 되어 있기 때문입니다.
왼쪽편 레이아웃 초기설정은 ‘프로필 영역’, ‘카테고리’ 등이 상단에 위치할텐데요. 블록을 드래그하여 아래로 모두 내려주도록 합니다. 마지막으로 우측 하단에 보이는 메뉴 중 ‘위젯 베타 등록’을 선택해주세요.
이곳에 저희가 열심히 만들었던 코드를 입력할 것입니다. 저희가 메모장에 적었던 코드 5개를 각각 등록하여 위젯 5개를 만들어주세요. 위젯 5개를 만든 뒤 2번째 사진과 같이 순서대로 상단에 배치해주며 완료해주도록 합니다.
6. 네이버 블로그 세부 디자인 설정
이제 네이버 홈페이지형 블로그 만들기 마지막 단계입니다. 다시 꾸미기 설정으로 돌아가 ‘세부 디자인 설정’을 클릭해주세요. 자신의 블로그 화면이 보이며 우측 편에 ‘리모콘’이 보이실텐데요. ‘스킨배경’ – ‘직접등록’ – ‘상단 영역’ – ‘파일 등록’을 통해 미리캔버스로 만든 배경화면 이미지를 넣어주세요.
다음은 ‘타이틀’ 메뉴로 들어갑니다. ‘영역 높이’를 최대 600으로 만들어준 뒤 ‘디자인’ – ‘컬러’ 에서 배경색 없음을 해준 뒤 ‘적용’을 눌러 마무리해 줍니다.
자신의 블로그 홈페이지 메인 화면으로 가면 완전히 바뀌어버린 블로그를 보실 수 있을 것입니다. 메뉴를 클릭하여 링크가 올바르게 이동하는지 확인해보세요.
지금까지 따라오시느라 수고 많으셨습니다. 많은 분들이 홈페이지형 블로그를 만드는데 있어 유료 강좌를 보거나, PSD 파일을 다운 받아 포토샵을 활용하는 등 어렵게 만드는 경우를 봅니다. 위와 같은 방법으로 차근차근 따라한다면 누구나 쉽게 예쁜 홈페이지형 블로그를 만들 수 있는데요.
영상을 보고 따라하실 수 있도록 유튜브에도 업로드 하도록 하겠습니다. 아래 보이는 썸네일이 홈페이지형 블로그 샘플입니다.
네이버 블로그 관련 글
네이버 블로그 무료 이미지 사이트 절대 이용하지 마세요!
[강의] 하루 30분 월 200만원 버는 네이버 블로그
와우!!! 정말 감사합니다. 다 어렵게 느껴져서 업체에 맡겨야하나 고민하고 있었는데.
알려주신 방법으로 정말 편하게 만들었습니다.
덕분에 응용해서 다듬어서 더 멋지게도 가능할것 같아요!!
좋은 정보 나누어 주셔서 감사합니다!!!
초보자 아줌니도 했으니, 모두들 잘하실거예요!!
2023년 마무리 잘하시고 2024년에도 복 많이 받으세요:)