BlogKit 스킨메이커
스킨메이커는 네이버 블로그 상단 스킨 배경, 타이틀 이미지, 그리고 투명 위젯 영역까지 한 화면에서 디자인하고 PNG로 다운로드할 수 있는 무료 도구입니다. 회원가입 없이 브라우저 안에서 바로 사용할 수 있습니다.
일상·리빙·뷰티·여행 사진형 예시는 3000×900 크기로 시작하며, 중앙 안전영역을 보면서 제목과 메뉴를 자유롭게 편집할 수 있습니다. 사진형 예시는 위쪽 사진 공간을 위해 공백 높이 600px로 시작하고, 링크 탭에서 높이를 조절할 수 있습니다. 스킨 PNG를 저장한 뒤 공백 위젯 5개를 윗줄에, 링크 위젯 5개를 아랫줄에 놓아 홈페이지형 메뉴를 구성하세요. 별도 위젯 이미지 업로드 없이 코드를 복사해 사용할 수 있습니다.
배경 제작과 두 줄 위젯 배치는 리뷰노트의 홈페이지형 스킨 제작 안내의 방식을 참고했습니다. 예시 이미지는 별도로 새로 제작했습니다.
스킨만 바꿔도 블로그 첫인상이 달라집니다. 같은 톤의 썸네일까지 함께 맞추고 싶다면 BlogKit 썸네일 메이커를, 검색 노출 전략은 블로그 가이드에서 이어서 확인할 수 있습니다.
스타일 선택
중앙 2200px 안에 중요한 내용을, 양옆은 잘려도 되는 배경만 배치하세요. 메뉴는 중앙 170px 5열에 맞춥니다.
1920px 화면에서 배경을 원본 크기로 중앙 정렬했을 때의 예시입니다. 양옆은 잘리고, 저장 파일은 전체 크기를 유지합니다.
이 디자인 그대로 썸네일도 만들 수 있습니다
썸네일 메이커 사용하기 →네이버 블로그 상단 스킨 배경, 투명 위젯 영역, 클릭 가능한 링크 좌표를 한 화면에서 디자인하고 PNG로 내보내는 무료 도구입니다. 가입 없이 바로 쓸 수 있고, 디자인 데이터는 브라우저 안에서만 처리됩니다.
새 예시 배경은 3000×900px로 시작합니다. 1920×450, 2750×750, 3000×900 크기를 선택할 수 있으며, 실제 표시 범위는 화면과 블로그 레이아웃에 따라 달라집니다. 3000px 배경에서는 중앙 2200px 안에 중요한 내용을 두고 양옆 400px은 배경만 배치하세요. 메뉴는 중앙의 170px 5열 가이드에 맞춥니다.
스킨에 그린 메뉴 위에 실제 클릭 영역을 놓을 때 사용합니다. [글 예시 적용]으로 공백 300px와 메뉴 150px를 각 5개씩 맞추고, 블로그 카테고리에서 복사한 전체 주소를 메뉴에 붙여넣으세요. 별도 이미지 업로드 없이 표 기반 코드를 한 위젯씩 등록할 수 있습니다. 위젯 하나는 폭 170px·높이 600px 이하입니다.
내 메뉴 > 관리 > 꾸미기 설정 > 세부 디자인 설정 > (리모컨) 스킨배경 > 직접등록에 스킨 이미지를 올립니다. 타이틀이 겹치면 [메뉴 사용 설정]에서 "타이틀" 체크를 해제하거나 [세부 디자인 설정]에서 "블로그 제목 표시"를 끄세요. 투명 위젯은 레이아웃·위젯 설정에서 직접등록으로 추가합니다.
네, 회원가입·결제 없이 무료입니다. 횟수 제한도 없으며 워터마크도 붙지 않습니다. 가이드를 실습할 수 있도록 제공되는 부속 도구라 광고 외에 부가 비용이 없습니다.
같은 브라우저의 로컬 저장공간에 작업을 자동 저장하고, 새로고침하면 복원합니다. 브라우저 데이터 삭제나 저장공간 부족 시에는 복원이 어려울 수 있으니 완성한 스킨 PNG와 위젯 코드를 따로 보관하세요.
네이버 블로그 모바일은 별도 레이아웃을 사용하기 때문에 PC용 스킨은 데스크탑 브라우저에서만 표시됩니다. 모바일 노출이 목적이라면 썸네일과 본문 첫 이미지가 더 중요합니다.
스킨 디자인 다음 단계로 추천하는 글