네이버 블로그에 외부 웹사이트 링크 위젯 만들기(스마트에디터2.0)

네이버 블로그에 외부 웹사이트 링크 위젯 만들기(스마트에디터2.0)

1)이미지 편집 프로그램에서 위젯에 사용할 이미지를 제작한다. 예에서 윈도우 그림판을 사용하여 170x43 해상도의 이미지를 제작하였다.

 

2)네이버 블로그 글쓰기에서 제작한 이미지를 업로드한다.

 

3)글쓰기 영역에서 이미지를 클릭, 드래그해서 선택한후 url 아이콘을 클릭한다. 웹사이트 url을 입력하고 적용한다.

 

5)글쓰기 영역 하단의 html로 이동한다.

 

6)링크가 추가된 이미지의 html 코드를 확인할수있다. 코드를 복사한다.

 

7)이미지를 업로드한 글을 비공개로 저장한다.

 

8)네이버 블로그 관리에서 꾸미기 설정의 레이아웃, 위젯 설정 메뉴로 이동한다.

 

9)우측에서 블로그에 사용할수있는 위젯 목록을 확인할수있다. 하단의 위젯직접등록으로 이동한다.

 

10)위젯코드입력란에 이전에 복사한 코드를 붙여넣기하고 다음을 클릭한다.

 

11)위젯명, 미리보기를 확인하고 등록한다.

 

12)레이아웃에서 새로 등록한 위젯을 확인할수있다. 위젯의 위치를 설정하고 적용한다.

 

13)블로그에서 위젯을 확인할수있으며 클릭하면 링크된 웹사이트로 이동한다.