본문 바로가기
블로그 운영 꿀팁/네이버 블로그

[네이버 블로그] 다른 블로그 배너 등록하기_위젯 직접 등록 방법

by SSoLely 2023. 9. 26.

네이버 블로그 배너 위젯 직접 등록

안녕하세요? 솔솔입니다. 저는 네이버 블로그와 티스토리 블로그를 운영하고 있습니다. 네이버 블로그에 내 티스토리 블로그 위젯을 등록해 보았습니다. 이 방법대로 하면 원하는 사이트(티스토리 블로그, 유튜브, 워드프레스 등)를 네이버 블로그에 배너로 직접 등록할 수 있습니다.

목차

     


    1. 배너 이미지 사이즈

    배너를 등록하기 전에 배너로 등록할 이미지를 등록해주어야 합니다. 네이버 블로그 위젯은 "가로 170px 세로 600px"까지의 크기를 지원합니다. 배너 사이즈는 본인의 블로그에 잘 어울리는 사이즈로 선택하시면 좋을 것 같아요.

    네이버 블로그 위젯 크기: 가로 170px 세로 600px 이내 

    ▼저의 경우 "가로 170px 세로 75px"로 만들어주었습니다. 제 눈에 그 사이즈가 제일 깔끔해보이더라고요. 기존에 배치해 두었던 다른 배너 사이즈들도 "170×75" 사이즈였기 때문에 통일해 주는 것이 더 깔끔해 보이겠죠.

    PhotoScape X에서 이미지 새로 만들기 화면 (화면 캡처_출처: PhotoScape X)

    ↘배너는 "PhotoScape X"를 이용하여 만들었습니다.

     


    2. 네이버 블로그에 위젯 직접 등록 방법

    ▼네이버 블로그에 갑니다. [글쓰기]로 들어가 배너로 쓰려고 제작한 이미지를 첨부해줍니다.

    네이버 블로그 글쓰기 화면 (화면 캡처_출처: 네이버 블로그)

    ▼[비공개]로 [발행]해줍니다. 글 제목은 뭐라고 적든 상관없습니다. 저는 다른 배너들도 있기 때문에 제가 알아보기 좋은 이름을 설정해 주었습니다.

    네이버 블로그 글쓰기 화면 (화면 캡처_출처: 네이버 블로그)

    ▼글이 등록된 것을 확인하고, 블로그 관리화면으로 이동합니다.

    네이버 블로그에 발행한 배너 이미지 (화면 캡처_출처: 네이버 블로그)

    ▼[꾸미기 설정]에서 [레이아웃·위젯 설정]에 들어갑니다.

    네이버 블로그 관리 화면 (화면 캡처_출처: 네이버 블로그)

    ▼오른쪽 하단에 보면 [+ 위젯직접등록 BETA] 버튼이 있습니다. 이걸 누릅니다.

    네이버 블로그 관리 화면 (화면 캡처_출처: 네이버 블로그)

    ▼[위젯 직접등록 BETA] 팝업 창이 뜹니다.

    네이버 블로그의 위젯 직접등록 창 (화면 캡처_출처: 네이버 블로그)

    ▼[위젯명]에 위젯 이름을 지어줍니다. 나만 보이는 것이기 때문에 내가 알아보기 편한 이름으로 적어줍니다.

    네이버 블로그의 위젯 직접등록 창 (화면 캡처_출처: 네이버 블로그)

    ▼[위젯코드입력]에는 아래의 위젯을 적어주면 됩니다.

    <a target="_blank" href="배너로 등록하고자 하는 사이트 주소" ><img src="배너로 등록하고자하는 이미지 주소" style="border:0;" width="170" height="75" /></a>

    ↘[width]와 [height]에는 내가 만들어둔 배너 이미지의 가로와 세로 px을 넣어주면 됩니다. 저는 "170×75"이기 때문에 [width="170" height="75"]로 넣어주었습니다.

     

    ▼[이미지 주소]는 내가 발행해 두었던 배너 이미지 글에 가서 복사해 오면 됩니다. 이미지를 우클릭한 뒤 [이미지 주소 복사]를 눌러주세요.

    네이버 블로그에 발행한 배너 이미지 주소 복사 위치 (화면 캡처_출처: 네이버 블로그)

    ▼[위젯코드입력]을 채워주고 [다음]을 눌러주세요.

    네이버 블로그의 위젯 직접등록 창 (화면 캡처_출처: 네이버 블로그)

    ▼내가 등록한 배너가 [미리보기] 화면에 제대로 출력되는지 확인한 후, [등록] 버튼을 누릅니다.

    네이버 블로그의 위젯 직접등록 창의 위젯 미리보기 화면 (화면 캡처_출처: 네이버 블로그)

    ▼정상적으로 반영되었다는 팝업이 뜹니다. [확인]을 누릅니다.

    네이버 블로그 위젯이 등록되었다는 팝업 (화면 캡처_출처: 네이버 블로그)

    ▼내가 등록한 배너가 위젯으로 추가되어 있는 것을 볼 수 있습니다.

    네이버 블로그에 추가된 위젯 (화면 캡처_출처: 네이버 블로그)