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

1. 관리 - 꾸미기 설정 - 스킨 선택 - 세부 디자인 설정 - 스킨배경 - 디자인 - 직접 등록 - 상단 영역 - 파일 등록
   등록할 파일명 예시: background-1920x780.png 다운로드









2. 비공개로 버튼 올리기 (상단 메뉴 - 비공개)
   네이버 블로그 최대 위젯 크기 가로 170px 세로 600px 이미지를 비공개 포스트에 올리고 오른 쪽 버튼을 클릭 후 이미지 주소를 복사해 둡니다.
   transparent-widget-170x600.png 다운로드
   
   관리 > 꾸미기 설정 > 레이아웃 위젯 설정 > 우측에서 두 번째 레이아웃 선택 > 위젯 직접 등록 클릭 후 투명 위젯 등록
   투명 위젯1, 투명 위젯2, 투명 위젯3, 투명 위젯4, 투명 위젯5
   <img src="https://postfiles.pstatic.net/MjAyNTA2MzBfMjQw/MDAxNzUxMjc3ODEzMjgx.I7R7ff8sPxdwoQ62TgPWfCvpp7QGpPO44fr9EsLmj2kg.LLzOFR2sqoR8WvXOG48QOTZFlxvEGLXbYoUTqxnNGJEg.PNG/transparent-widget-170x600.png?type=w966" width="170" height="600" />

   

   

   

   transparent-widget4-scrrenshot-170x600.png (투명 위젯4 부분을 마우스로 드래그후 화면 캡처후 170x600 로 리사이즈)

   

   

   투명 위젯4

   이미지 맵 편집기 사용 이미지 맵 코드 작성

   <img src="https://postfiles.pstatic.net/MjAyNTA2MzBfMjQw/MDAxNzUxMjc3ODEzMjgx.I7R7ff8sPxdwoQ62TgPWfCvpp7QGpPO44fr9EsLmj2kg.LLzOFR2sqoR8WvXOG48QOTZFlxvEGLXbYoUTqxnNGJEg.PNG/transparent-widget-170x600.png?type=w966" width="170" height="600" usemap="#image-map1" /> <map name="image-map1"> <area shape="rect" coords="57,39,170,117" href="https://blog.naver.com/marketinganywhere" target="_top" alt="영역1"> <area shape="rect" coords="36,137,168,238" href="https://ko.freeonlineutility.com/app/free-real-user-traffic/" target="_blank" alt="영역2"> <area shape="rect" coords="35,255,168,349" href="https://cafe.naver.com/cranberrymarketing/471" target="_blank" alt="영역3"> <area shape="rect" coords="33,366,169,463" href="https://cafe.naver.com/cranberrymarketing/465" target="_blank" alt="영역4"> <area shape="rect" coords="31,476,169,575" href="http://pf.kakao.com/_kJtsG/chat" target="_blank" alt="영역5"> </map> transparent-widget5-scrrenshot-170x600.png (투명 위젯5 부분을 마우스로 드래그후 화면 캡처후 170x600 로 리사이즈)

   

   투명 위젯5

   <img src="https://postfiles.pstatic.net/MjAyNTA2MzBfMjQw/MDAxNzUxMjc3ODEzMjgx.I7R7ff8sPxdwoQ62TgPWfCvpp7QGpPO44fr9EsLmj2kg.LLzOFR2sqoR8WvXOG48QOTZFlxvEGLXbYoUTqxnNGJEg.PNG/transparent-widget-170x600.png?type=w966" width="170" height="600" usemap="#image-map2" /> <map name="image-map2"> <area shape="rect" coords="-1,41,152,119" href="https://blog.naver.com/marketinganywhere" target="_top" alt="영역1"> <area shape="rect" coords="2,138,167,238" href="https://ko.freeonlineutility.com/app/free-real-user-traffic/" target="_blank" alt="영역2"> <area shape="rect" coords="-1,253,168,353" href="https://cafe.naver.com/cranberrymarketing/471" target="_blank" alt="영역3"> <area shape="rect" coords="0,365,169,465" href="https://cafe.naver.com/cranberrymarketing/465" target="_blank" alt="영역4"> <area shape="rect" coords="0,477,167,573" href="http://pf.kakao.com/_kJtsG/chat" target="_blank" alt="영역5"> </map>

샘플 작업 블로그

크랜베리 마케팅 블로그

이미지 링크형 홈페이지형 네이버 블로그

상단 메뉴 설정하기

관리 - 메뉴·글·동영상 관리 - 상단메뉴 설정 - 상단 메뉴 지정

관련 앱

이미지 맵 편집기