본문 바로가기

Blog - Data

(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(위젯)

반응형

저스트킥스 JUSTKICKS

運動靴 スニーカー SNEAKERS 운동화 : 90s hiphop R&B



[Since 2013 CopyrightⓒJUSTKiCKS.]

────────────────────────────────────────────────────────────────────────────

(Blog-Data) 저스트킥스 / JUSTKICKS

────────────────────────────────────────────────────────────────────────────

저스트킥스 ↓ 네이버 블로그 주소 

https://blog.naver.com/justkicks


저스트킥스 ↓ 네이버 구매대행, 배송대행, 배대지 카페

http://cafe.naver.com/justkicks


저스트킥스 ↓ 티스토리 주소

http://justkicks.tistory.com


저스트킥스 ↓ 인스타그램 (상황에따라 인스타그램 아이디 변경될 수 있으니 #해쉬태그 검색 → #저스트킥스 #justkicks)

https://www.instagram.com/justkicks.shop/

────────────────────────────────────────────────────────────────────────────






티스토리 블로그에 인스타그램을 연동하는 방법 입니다.


가장 쉬우면서 내 마음대로 약간의 수정을 하여, 할 수 있습니다.


일단, 그전에 가장 기본적인 방법을 알아봅니다.




(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

저스트킥스 현재 티스토리 메인 화면 처럼

인스타그램 연동하여 보여지도록 설정하는 방법입니다.


매운 간단하니 스샷을 보고 차근차근 따라하시면 초딩들도 바로 적용 가능합니다.







(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

일단,

https://snapwidget.com


위 사이트로 들어가, 

가입이 안되어 있으시다면, 간단히 가입을 하시고,

위 하면의 

GET YOUR FREE WIDGET 클릭









(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

로그인 후, 인스타그램 리딩 종류를 고르면 됩니다.

일단 모르시면 스샷처럼 좌측 맨위를 고릅니다.







(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

페이지 설정입니다.

여기서 우리가 수정해야할 부분은,

핑크색 표시


Thumbnail Size : 사이즈 크기 <-본인의 블로그 크기는 처음에는 기본 설정으로 해보시고 차후에 설정후, 다시 변경하시면 됩니다.

일단 기본적으로 아무렇게 입력합니다.


Layout : 인스타그램 표시될 사진의 가로 세로 갯수


간단히 설정후,

UPDATE & GET WIDGET 클릭.







(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

이제 HTML 을 복사 합니다.

COPY TO CLIPBOARD 클릭.





(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

티스토리 어드민으로 접속후,

꾸미기 - 사이드바 - 플로그인 - (편집) 클릭






(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기

편집을 누르시면 위 화면 처럼 나옵니다.


이름 : 인스타그램이라고 친절하게 작성합니다.

HTML 소스 : 아까 복사한 소스를 붙여 넣습니다.


확인. 끝.






(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기(Blog-Data) 저스트킥스 / JUSTKICKS / 티스토리 - 인스타그램 실시간 연동하기


적용 후 모습.

100점 만점에 99점


본인의 블로그 가로 / 세로 사이즈는 https://snapwidget.com 에서

계속 설정을 해보시고 찾아봐야합니다.

전 따로 방법을 찾지 못해 대충 감으로, 블로그 리딩 사이즈 크기가 90 이라는

고오급 정보를 얻어, 설정했으나, 다른분들의 환경이 다르니,,,,각자의 입맛대로

설정 하시면 끝.



끝.


유남쌩 ?




반응형