본문 바로가기
알면 쓸모있는 정보들

미리캔버스로 홈페이지형 네이버 블로그 만들기

by 라이트S2 2025. 1. 13.
반응형

안녕하세요~!

다들 블로그 하시나요?

전문 블로그를 운영하시는 분들 중에 블로그를 예쁘게 꾸미고 싶은 분들이 많으실텐데요~

오늘은 사설업체에 맡기지 않고, 셀프로 홈페이지형 블로그 만드는 방법에 대해 알아보겠습니다.

 

준비물: 컴퓨터나 노트북, 미리캔버스, 미적감각

 

1. 세팅

미리캔버스에 들어가서 블로그 투명위젯과 스킨을 만들고, 네이버 블로그에서 레이아웃을 설정합니다. 

 

1) 미리캔버스로 투명위젯 만들고, 사진첨부해서 블로그에 글 올리기 

크기조정-> 직접입력-> 170X300 or 170X600 으로 페이지를 만들어 줍니다.

170은 고정하시고, 원하시는 길이만큼 세로길이를 설정하시면 되는데요.

저는 170X300으로 했어요. 170X350도 깔끔하니 예쁠 것 같아요. 블로그에 적용해 보면서 조절 해 주세요~

 

다운로드 하실 때 투명한 배경으로 체크하고, PNG 고해상도 다운로드 하면 끝! 쉽죠잉?

그다음에! 다운로드한 사진을 첨부하여 블로그에 올려주세요. (비공개로 올리고, 나중에 삭제하셔도 됩니다.)

 

2) 미리캔버스로 스킨만들기

크기는 2000X600 이나 1920X600 으로 설정 해 주시고,

본인만의 미적감각으로 스킨을 만들어주세요~

이 가이드 라인에 맞춰서 위젯 모양을 넣어주면 더 쉬워요! 5군데 넣을 수 있어요ㅎㅎ

가인드 라인.png
0.03MB

전 깔끔하게 만들어 봤어요ㅎㅎ

맛집 블로그인데, 궁금하시면 방문 해 보세용~

https://blog.naver.com/yeahyj65

 

예지돼지 : 네이버 블로그

- 다양한 맛집을 소개하고, 진솔한 리뷰를 작성합니다♥ - 맛있었던 음식은 직접 요리하며 그 과정과 결과를 나누는 공간입니다♥ 협업문의 yeahyj65@naver.com

blog.naver.com

다 만들었으면 PNG 파일로 고해상도 다운로드를 합니다! 투명한배경 체크는 nono

3) 네이버 블로그 레이아웃 설정하기

내메뉴-> 스킨변경-> 디자인설정-> 레이아웃·위젯 설정

타이틀을 필수로 선택 해 주세요!

나머지는 원하시는 대로 설정하시면 됩니다.

 

이렇게 세팅이 완료 되었어요~ 

2. 작업 

1) 스킨배경 등록하기

내메뉴-> 세부디자인 설정-> 스킨배경-> 직접등록

상단영역에 다운로드한 스킨을 첨부 해 주세요

하단영역은 원하시는 색으로 설정하시면 됩니다.

그리고 적용을 눌러주세요!

 

2) 위젯 등록하기

내메뉴-> 스킨변경-> 디자인설정-> 레이아웃·위젯 설정-> 위젯 직접 등록

 

<img src="이미지 주소" usemap="#Map" />
<map name="Map"><area shape="rect" coords="(3,15,165,190)" href="이동할 주소" target="_blank" /></map>

 

이 코드를 입력합니다.

코드.hwpx
0.02MB

 

"이미지 주소" 에는 블로그에 올렸던 투명위젯 사진 주소를 복사해서 붙여넣고(ctrl + V)

(오른쪽 마우스 버튼 클릭 후, 이미지 주소 복사를 눌러줍니다.)

 

"이동할 주소"에는 이동할 카테고리의 주소를 복사해서 붙여넣으면 됩니다.(ctrl + V)  

(이동할 카테고리에 마우스를 올려놓고, 오른쪽 마우스 버튼 클릭 후 링크주소 복사를 눌러줍니다.) 

 

비워 둘 경우에는, 이미지 주소만 입력하고 이동할 주소는 입력 안해도 됩니다~

(저는 입력 안하면 없는 페이지라고 새창이 뜨는게 싫어서 블로그 주소를 넣었어요.)

만들었으면 원하는 곳에 배치 후 적용을 눌러줍니다.

 

아까 작성했던 투명위젯 글은 삭제 하셔도 됩니다~^^

 

순서대로 따라하시면 홈페이지형 블로그 완성~!

 

반응형