인터넷

블로그꾸미기 타이틀 위젯 만들기 사이즈추천! #블로그꾸미기 #blog

idcjw 2025. 8. 26. 10:04
반응형

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."


블로그꾸미기 타이틀 위젯 만들기 사이즈추천! #블로그꾸미기 #blog

이 콘텐츠는 네이버 블로그를 홈페이지형 블로그로 탈바꿈시키고 싶은 분들을 위한 실전 가이드입니다. 기본적인 위젯 활용법부터 시작해, 캔바(Canva)를 활용한 맞춤형 위젯 제작 및 블로그 타이틀 디자인까지, 블로그를 전문적이고 매력적으로 꾸미는 모든 과정을 상세히 알려줍니다. 단순히 위젯을 추가하는 것을 넘어, 위젯 사이즈 추천(170x170, 170x70, 170x600)과 이미지 주소 복사, 링크 연결 등 실용적인 팁을 제공하여 누구나 쉽게 따라 하며 자신만의 개성 있는 블로그를 만들 수 있도록 돕습니다. 블로그 방문자에게 깊은 인상을 남기고 싶다면 이 가이드를 통해 블로그의 시각적 매력과 기능성을 한 단계 업그레이드해보세요.

1. 네이버 블로그 위젯 및 타이틀 설정 기본 이해

1.1. 블로그 레이아웃 및 메뉴 설정

  1. 블로그 꾸미기 설정 진입: 내 블로그에서 '에디트'를 누른 후 '꾸미기 설정'의 '레이아웃 위젯 설정'으로 이동한다.
  2. 블로그 레이아웃 확인: 상단에 보이는 부분이 블로그 레이아웃이며, 홈페이지형 블로그 제작 시 주로 오른쪽 두 번째 레이아웃을 사용한다.
  3. 레이아웃 설정:
    1. 전체 정렬: 좌측 또는 중앙으로 설정 변경이 가능하다.
    2. 넓이: 넓게 또는 보통으로 보이게 설정할 수 있다.
    3. 사이드바 설정: 특정 레이아웃 사용 시 활성화되지 않는다.
    4. 기본 메뉴 언어: 국문 또는 영문으로 선택할 수 있다.
  4. 메뉴 사용 설정:
    1. 타이틀: 사용 여부를 체크할 수 있다.
    2. 카테고리: 기본 메뉴로, 펼치기/접기만 선택 가능하다.
    3. 커넥트: 이웃을 보여주는 기능이다.
    4. 태그: 블로그에 작성된 태그들을 모아서 보여준다.
    5. 기타 공개 설정: 최근 댓글, 이웃 블로그 공개 여부를 체크할 수 있다.
    6. 블로그 정보 및 네이버 로그: 사용 여부를 선택할 수 있다.
  5. 위젯 사용 설정:
    1. 기본 위젯: 사업자 표시, 콩저금통, 달력, 서재, 카운터, 시계, 날씨, 환율, 명언, 방문자 그래프 등이 있다.
    2. 네이버 포스트 연동: 네이버 포스트를 사용하는 경우 체크하여 연동할 수 있다.
    3. 직접 등록 위젯: '에디트' 표시가 있는 위젯은 사용자가 직접 등록한 위젯이다.

1.2. 기본 위젯 확인 및 디자인 변경

  1. 기본 위젯 적용 및 확인: 설정한 위젯들을 '적용' 버튼을 눌러 블로그에서 확인한다.
    1. 지도 위젯: 클릭 시 지도가 표시되며 확대/축소가 가능하다.
    2. 서재 위젯: 블로그에 책 관련 글감을 첨부했을 때 책장에 표시되며, 클릭 시 해당 글로 이동한다. 독서노트 사용자에게 유용하다.
    3. 카운터 위젯: 오늘 방문자와 총 방문자 수를 보여준다.
    4. 시계, 날씨, 환율, 명언 위젯: 각각 해당 정보가 표시된다.
    5. 방문자 그래프 위젯: 방문자 수 그래프를 보여준다.
  2. 위젯 세부 디자인 설정: '내 메뉴'에서 '세부 디자인 설정'으로 이동하여 '위젯'을 선택한다.
    1. 날씨 위젯: 원하는 디자인으로 선택할 수 있다.
    2. 시계 위젯: 모양과 폰트를 변경할 수 있으며, 색상도 변경 가능하다.
    3. 달력 위젯: 다양한 디자인 중에서 블로그에 어울리는 것을 선택하고, 글자 색상도 변경할 수 있다.
    4. 카운터 위젯: 디자인과 폰트 색상을 변경할 수 있다.
    5. 방문자 그래프 위젯: 다양한 디자인 중에서 선택할 수 있다.
    6. 명언 위젯: 다양한 디자인이 제공된다.
  3. 디자인 변경 적용: 기본 위젯들을 블로그에 어울리게 디자인 변경 후 '적용'을 눌러 확인한다.
  4. 위젯 선택적 사용: 모든 위젯을 사용할 필요는 없으며, 필요한 위젯만 골라 설정할 수 있다.

1.3. 위젯 관리 및 직접 등록 준비

  1. 위젯 사용 해제 및 삭제: '레이아웃 위젯 설정'에서 사용하지 않을 위젯은 체크를 풀거나 X 버튼을 눌러 삭제할 수 있다.
  2. 위젯 위치 조정: 위젯들이 크고 작게 섞여 있을 경우, 위젯 설정에서 위치를 조정하여 블로그를 깔끔하게 정돈할 수 있다.

2. 캔바를 활용한 맞춤형 위젯 제작 및 적용

2.1. 위젯 직접 등록 및 캔바 디자인

  1. 위젯 직접 등록 버튼: '레이아웃, 위젯 설정' 메뉴 하단에 있는 '위젯 직접 등록' 버튼을 클릭한다.
  2. 위젯 등록 정보: 위젯명과 위젯 코드가 필요하며, 업체 코드를 사용하거나 직접 만든 위젯을 등록할 수 있다.
  3. 캔바를 이용한 위젯 제작:
    1. 캔바 로그인 및 디자인 생성: 캔바에 로그인하여 '디자인 만들기'에서 '맞춤형 크기'를 선택한다.
    2. 위젯 사이즈 기준:
      1. 가로: 170px로 고정이다.
      2. 세로: 최대 600px까지 가능하며, 170px이 기본적으로 많이 사용된다.
    3. 170x170 위젯 제작:
      1. 배경 설정: 요소에서 배경을 선택하고 마우스 오른쪽 버튼으로 '이미지를 배경으로 설정'한다.
      2. 텍스트 추가: 텍스트 상자를 추가하여 위젯명과 사이즈(예: '위젯 1', '170x170')를 기입하고 글자 크기를 조정한다.
      3. 요소 추가: '메모장'이나 '테이프' 등 원하는 요소를 검색하여 추가하고, 배경색과 요소 색상을 조절하여 디자인한다.
      4. 다운로드: 디자인이 완성되면 '공유'를 눌러 다운로드한다.
    4. 170x70 위젯 제작:
      1. 맞춤형 크기 설정: 170x70으로 설정한다.
      2. 템플릿 활용: 캔바의 템플릿을 활용하여 디자인을 선택하고, 이름, 폰트, 요소를 원하는 대로 변경한다.
      3. 저장: 위젯 사이즈를 표시하고 저장한다.
    5. 170x600 위젯 제작:
      1. 맞춤형 크기 설정: 170x600으로 설정한다.
      2. 배경 및 폰트 설정: 배경을 추가하고, 글꼴 조합 중에서 마음에 드는 디자인을 선택하여 폰트를 넣는다.
      3. 저장: 디자인이 완성되면 저장한다.

2.2. 위젯 이미지 블로그 업로드 및 주소 복사

  1. 웹상 이미지 업로드 필요성: 위젯을 블로그에 올리려면 웹상에 이미지가 업로드되어 있어야 한다.
  2. 블로그 비공개 글 발행: 가장 좋은 방법은 블로그에 비공개로 글을 발행하여 이미지를 추가하는 것이다.
    1. 글쓰기: '내 블로그 글쓰기'를 클릭한다.
    2. 제목 및 이미지 추가: 제목을 "위젯 이미지"로 설정하고, 제작한 위젯 이미지 3가지를 모두 첨부한다.
    3. 비공개 발행: 이미지를 올린 후 '비공개'로 발행하여 자신만 볼 수 있도록 한다.

2.3. 위젯 등록 및 링크 연결

  1. 위젯 등록 과정:
    1. 레이아웃 위젯 설정 진입: 다시 '블로그 레이아웃 위젯 설정'으로 들어간다.
    2. 위젯명 입력: 위젯 이름을 입력한다.
    3. 위젯 코드 입력: 제공된 위젯 코드를 입력창에 넣는다.
    4. 이동할 곳 주소 입력: 위젯 클릭 시 이동할 바로가기 링크 주소를 입력한다.
    5. 위젯 이미지 주소 입력:
      1. 이미지 주소 복사: 비공개로 올려둔 이미지에서 마우스 오른쪽 클릭 후 '이미지 주소 복사'를 선택한다.
      2. 주소 붙여넣기: 위젯 설정 페이지의 글자 부분을 지우고 복사한 이미지 주소를 붙여넣는다.
    6. 등록 확인: '다음'을 누르면 위젯 이미지가 보이고, '등록'을 클릭하여 위젯을 등록한다.
  2. 위젯 위치 조정: 등록된 위젯을 드래그하여 원하는 위치로 이동시킨다.
  3. 다른 위젯 등록: 같은 방법으로 위젯 2번과 3번을 등록한다.
  4. 위젯 배치 및 적용: 3가지 위젯을 모두 위쪽으로 배치하고 '적용'을 누른다.
  5. 위젯 기능 확인: 등록된 위젯을 클릭하면 설정해둔 링크로 이동하는 것을 확인한다. 이것이 위젯의 기본 원리이다.
  6. 다양한 디자인 활용: 원하는 사이즈로 디자인하여 블로그를 꾸밀 수 있다.

2.4. 다중 위젯 적용 및 링크 변경

  1. 다섯 개 위젯 제작: 170x170 사이즈의 위젯 5개를 제작한다.
  2. 이미지 추가 업로드: 기존에 비공개로 발행했던 글에 새로 만든 위젯 이미지를 추가하여 다시 비공개로 발행한다.
  3. 기존 위젯 수정 또는 신규 등록:
    1. 기존 위젯 수정: 이전에 등록했던 위젯의 이미지 주소와 링크를 변경할 수 있다.
    2. 신규 위젯 등록: 새로운 위젯을 만들어 등록할 수도 있다.
  4. 위젯별 링크 설정 예시:
    1. 위젯 1: 네이버 링크 (기존 유지)
    2. 위젯 2: 쇼핑몰 바로가기 (예: 네이버 쇼핑몰)
    3. 위젯 3: 네이버 지도로 바로가기
    4. 위젯 4: 캔바로 바로가기
    5. 위젯 5: 본인 블로그로 연결
  5. 위젯 배치 및 적용: 5개 위젯을 모두 위쪽으로 옮기고 '적용'을 누른다.
  6. 기능 확인: 각각의 위젯을 클릭하여 설정된 링크로 넘어가는지 확인한다.
  7. 홈페이지형 블로그 활용: 블로그 스킨 디자인을 변경하면 홈페이지형 블로그처럼 활용할 수 있다.
    1. 위젯 위치 조정: 스킨 변경 시 위젯 위치가 바뀔 수 있으므로, 위젯 설정에서 다시 조정해야 한다.

3. 블로그 타이틀 디자인 및 위젯 종류 이해

3.1. 블로그 타이틀 디자인 및 설정

  1. 블로그 상단 이미지 설정:
    1. 기존 이미지 사용: '내 메뉴'의 '세부 디자인 설정'에서 '타이틀'로 들어가 기존 이미지를 사용할 수 있다.
    2. 직접 디자인 적용: 캔바에서 966x350 사이즈의 페이지를 열어 직접 디자인하거나 템플릿을 활용하여 디자인한다.
  2. 타이틀 디자인 적용:
    1. 파일 등록: '내 메뉴'의 '세부 디자인 설정'에서 '타이틀'로 들어가 '파일 등록'을 통해 만들어둔 디자인을 선택한다.
    2. 블로그 제목 숨기기: '블로그 제목' 부분의 체크를 풀어 제목을 숨긴다.
    3. 메뉴 색상 변경: 블로그 메뉴의 색깔을 디자인에 어울리게 변경한다.
    4. 폰트 색상 변경: 폰트의 기본색과 강조색을 모두 변경할 수 있다.
  3. 메뉴 위치 조정: 메뉴의 위치를 최상단으로 변경하고 싶을 때는 위젯 설정 창에서 위치를 조정한다.
  4. 타이틀 및 위젯 설정 완료: 이 과정을 통해 깔끔하게 타이틀과 위젯을 설정할 수 있다.

3.2. 위젯의 종류 및 활용

  1. 일반 위젯: 이미지를 만들어서 클릭했을 때 바로가기가 되는 위젯이다.
  2. 여백 위젯: 빈자리를 채우기 위해 사용하며, 링크는 넣을 수 없고 높이만 지정할 수 있다.
  3. 투명 위젯: 눈에 보이지 않지만 홈페이지형 블로그 제작 시 스킨 디자인 아래에 배치하는 위젯이다.
    1. 활용 목적: 스킨 디자인에 있는 버튼 이미지를 클릭했을 때 링크를 걸 수 있도록 설정하는 데 사용된다.

상위블로그들이 사용한 수익 상위 10개 키워드 바로가기

 

반응형