블로그 인스타그램 위젯 다는법

인스타그램 위젯 TECHNOLOGY

요즘 SNS대세가 페이스북에서 인스타그램으로 옮겨 가고있다는데 블로그에 인스타그램 위젯 하나 정도는 설치해 두는게 도움이 될것 같아요. 간단하게 사진으로 소통하는 인스타그램을 네이버 블로그에서도 위젯으로 연결이 가능한데요. 위젯연결 방법 알아 볼까요? 먼저 인스타그램 인터넷 사이트로 접속을 하세요.
[ads-on1]

인스타그램 위젯

인스타그램 위젯만들기

사이트 우측 상단에보면 내 프로필 사진과 계정이 있는데 그곳을 클릭하면 위 사진처럼 메뉴가 떠요. 그곳에 위젯을 클릭해 주세요.

코드생성

1번 이미지중 원하는 이미지를 선택해서 클릭하면 2번창에 코드가 생겨요.

코드복사

코드를 메모장에 복사해 두세요. 이제 기본적이 인스타그램 코드를 생성했구요. 1번에서 선택한 이미지를 그대로 블로그에 달아도 상관없지만 그래도 나만의 이미지 위젯으로 설치하고 싶다면 아래 방법을 따라해 보세요.

네이버 블로그에 위젯으로 설치하는법

그럼 위젯에 사용할 이미지를 만들어야 해요. 참고로 네이버 블로그 위젯에 사용가능한 이미지 크기는 가로 170px 여야해요.

위젯이미지

포토샵이나 기타 그래픽 프로그램으로 가로170px , 세로는 원하는 크기로 이미지를 만들어 준비를 하세요. 저는 가로 170px , 세로 400px 크기의 이미지를 준비했어요. 그런다음 블로그 글쓰기를 클릭해서 에디터로 이동해요.

글쓰기

글쓰기에서 준비한 이미지를 불러와서 넣고 비공개로 글을 발행하세요.

이미지 주소

발행한 비공개 글에서 보이는 이미지위에 커서를 옮기고 마우스 오른쪽 버튼을 클릭하면 메뉴창이 뜨는데 그중에 이미지 URL복사를 클릭하세요. 아무런 변화가 없지만 이미지주소가 복사되어 있는 상태에요. 위에서 처음 메모장에 인스타그램 코드를 복사해둔곳 아래에 붙여넣기 Ctrl +V해두세요. 블로그 관리 메뉴로 이동해서 꾸미기설정 아래에 레이아웃,위젯설정으로 이동하세요.

위젯설정

위젯 직접등록을 찾아 클릭하세요. 그런다음 나오는 화면에 위젯 이름을 만들어 넣고 아까 준비해두었던 메모장에서

위에것이 인스타그램 위젯코드를 복사해 둔것이구요. 아래쪽 이미지 주소가 네이버 블로그에 비공개로 등록했던 위젯 이미지 주소에요. 인스타그램 코드에서 맨 아래쪽 img src=”인스타그램주소” 안에 인스타그램 주소 부분을 삭제하고 위젯으로 사용할 이미지 주소를 복사해서 붙여 넣으세요. 그런다음 제일 아래쪽 주황색 네모칸(위젯 이미지 주소)를 제외한 수정된 인스타그램 위젯 코드만 복사해 두세요.

위젯명에는 원하는 이름을, 위젯코드에는 방금전 수정 복사한 것을 붙여넣기 하세요. 다음을 클릭하면

블로그에 설치할 위젯을 미리 보기 할 수 있어요. 그런다음 등록을 하면 되구요. 레이아웃에서 원하는 위치로 옮겨 달면 끝!!!

마무리

또 다른 대표SNS 트위터, 페이스북 위젯 달기도 가능해요. 네이버 블로그를 인스타그램, 트위터,페이스북등과 연계해서 운영하면 더욱 알찬 블로그를 만들 수 있어요.

TECHNOLOGY
공유하기
photogurapher팔로우하기
이 글이 마음에 들면
좋아요 눌러주세요!
최신글을 제공합니다.
PHOTOGURAPHER BLOG