Software Development/Tools

티스토리 & 인스타그램 연동 - 인스타 피드 블로그에 표시

huiyu 2020. 1. 27. 12:13

https://snapwidget.com/

 

SnapWidget | Customizable and Responsive Instagram Widget

Embed your photos with a responsive Instagram widget. SnapWidget makes it easy to display Instagram, Twitter, Facebook and YouTube content on your website.

snapwidget.com

SnapWidget을 이용하여 블로그에 인스타그램 피드를 연동할 수 있다.
위 사이트에 접속 & 계정 생성.

"GET A FREE WIDGET" 클릭 -> "CREATE A NEW WIDGET" 클릭

"Free" 가 붙어있는 "Instagram Grid" 클릭

인스타그램 연동 화면,
"Username"을 선택해서 본인 계정 연동. 본인이 원하는 옵션을 선택해서 화면에 표시될 피드의 모양을 설정한다.

옵션설정을 완료 후 좌측 하단의 "GET WIDGET"버튼을 클릭, 나오는 html 코드를 복사한다.

 

다음, 본인 티스토리 블로그의 관리자 페이지 접속. '스킨편집'->'html 편집' 선택

html 화면에서 본인이 원하는 위치에 붙여넣기 하면된다.

</head> 이후 <body>위에 넣으면 화면 최상단에 표시되고,
하단부 <aside> 위에 넣으면 게시물 리스트 하단에 그려지게 된다.(제 블로그 기준)

728x90