본문으로 바로가기


안녕하세요. 코딩런입니다.

네이버 블로그에서 내가 만든 위젯을 올리는 방법을 안내할게요.

저는 네이버 블로그 3.0 스마트 에디터를 그대로 사용하는 방법이에요.

어렵지 않으니, 차근차근 스텝을 따라해서 올려보세요.





1. 사진을 업로드 해주세요.

위젯으로 올릴 이미지를 올려주세요.

이미지 사이지는 최대 160px * 600px까지 지원됩니다.






2. 포스팅을 올립니다.

꼭 비공개로 올릴 필욘없지만, 반드시 업로드(발행)를 해주셔야 합니다. 

업로드를 해야 네이버 쪽 서버에 이미지가 올라가 이미지 주소가 생성됩니다.





3.  마우스 우클릭 요소 검사를 통해 <img src =" ></img>부분을 복사해둡니다.

올린 포스팅에 마우스 우클릭, 요소 검사를 통해 이미지 요소를 복사해둡니다.

메모장에 미리 붙여넣기 해두면, 편리하겠죠?




4. 관리자 페이지에 접속.





5.  꾸미기 설정 > 레이아웃.위젯 설정 메뉴에 접속.




6.  우측의 위젯 영역에서 [위젯직접등록] 버튼을 클릭.




7.  위젯코드입력에 클릭할 주소와 복사한 img요소(스텝3번 참고) 를 입력해줍니다.

<a target="_blank" href="클릭하면 들어갈 주소">복사한 img 요소</a>




링크 클릭시 현재창으로 열게끔 하려면, target="_blank" (새창열기 설정)을 제외하면됩니다.

<a href="클릭하면 들어갈 주소">복사한 img 요소</a>



8.  위젯미리보기, 등록하기. 

블로그 관리자 메뉴에서 위젯 위치 수정하여 최종으로 올리면 끝.





9. 내 블로그가서 위젯 확인하기.







간단하죠?? 예전 에디터 열어가며 할 필요없어요!

예쁜 위젯달고, 블로그 열심히하세요 :)






댓글을 달아 주세요

  1. reum 2017.04.21 13:45 신고

    target="blank"를 지워도 페이지 내에서 이동되지않으면 어떻게해야할까요 ㅠㅠ?
    target="_top"도 해봤는데 적용이 안되더라구요..

  2. 실킿 2018.02.04 18:49 신고

    감사히 보고 갑니다 ^_^ 하나 더 궁금한 점이 있다면, 가로 비율 170px넘는 이미지를 넣고 싶은데.. 위젯 2개 만들어서 연결 시키려는 꼼수를 쓰려고 해도 가운데 비는 px이 있어서 중간에 붕 뜨게되고 ㅠ 어떻게 하면 170px 넘는 이미지 자연스럽게 너흘 수 있을까요 ㅠ?

  3. ㅇㅇ 2018.10.11 16:33 신고

    소스코드 복사는하게 만들어야지 뭐여 이게 ㅋㅋㅋ

티스토리 툴바