본문 바로가기
인터넷

네이버 블로그에 이미지로 위젯 만들기

by 일시불로그 2020. 3. 4.

 

들어가면서

네이버 블로그는 나만의 위젯 만들기 기능을 BETA로 지원 중이다. 이번 포스팅에서는 내가 원하는 그림에 내가 원하는 링크를 달아서 나만의 위젯을 설정해보는 방법을 설명하겠다.

 

위젯 만드는 방법

먼저 새로운 글쓰기 창을 불러온다.

 

위젯을 만들고 싶은 이미지를 불러온다. 다만 네이버 위젯의 그림 크기는 170x170 픽셀이 최대값이라 여기에 맞는 크기의 그림을 업로드해야 한다.

 

사진을 업로드했으면 비공개 글로 업로드한다. 

그 다음 업로드한 사진에 우클릭을 한 다음 "이미지 주소 복사(O)"를 클릭해 이미지의 주소를 복사해둔다.

그 다음, 블로그 관리 메뉴에서 꾸미기 설정 탭을 선택한다. 디자인 설정-레이아웃/위젯 설정 메뉴를 클릭한다.

 

화면 우측 하단에 "위젯직접등록 BETA" 버튼을 클릭한다.

 

위젯명에는 원하는 이름을 적어준다. 그 다음 위젯코드 입력 란에 아래 HTML 코드를 붙여넣는다.

<a href="링크URL" target="_blank"><img src="그림URL" alt="이미지명"/><a>

예시 코드는 다음과 같다.

<a href="https://www.youtube.com/channel/UCtzuILxF7IZU1csxr2YNF_g" target="_blank">
<img src="https://postfiles.pstatic.net/MjAyMDAzMDNfMjcw/MDAxNTgzMjQyNTQ1NjUy.lbctR89vrwzi8m6K0L02fbf2GHlPAPHSnrVtspxpGkUg.GBibaGmhkwK6u-pm39P0UvN8bQF7xrQFjOI4K0LI9v8g.JPEG.freedom_zero/%EC%88%98%EC%A0%95%EB%90%A8_yt_icon_rgb.jpg?type=w966" alt="이미지명"/>
<a>

 

URL을 제대로 입력했다면 미리보기 화면은 다음과 같이 나타나게 된다.

 

나는 이미 있는 위젯을 수정하는 중이라 수정 버튼이 나오지만, 처음 위젯을 만드는 사람이라면 확인 버튼이 표시된다. 확인을 클릭하고, 위젯 설정 화면에서 내가 만든 위젯의 위치를 원하는 곳으로 이동시켜준다. 블로그 화면으로 돌아가 보면 내가 만든 그림에 링크가 삽입된 위젯이 나타난다.

 

추천 글

댓글

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