블로그 페이스북 위젯 - [개발자 - 티스토리편] page plugin

블로그 페이스북 위젯 - [티스토리편]

★ 페이지 위젯 :: 2015년도 현재 페이스북 or 트위터보다는 인스타그램으로 많이들 이용하셨습니다. 하지만 그래도 아직 페이스북에 대한 이용은 꾸준하죠. 그런데 페이지 (웃음, 움짤, 정보, 연애, 기타) 그외 페이지 구독량은 늘어나고있는 편이죠. 그래서 준비해봤습니다. 티스토리 or 외부블로그만을 위한 페이스북 페이지 위젯 연동입니다, (_아무리 검색하여도 이 내용에 대해서 상세히 설명하시는분이 없기에 낼름 가로체서 포스팅합니다.)

사이트 접속 - https://developers.facebook.com/docs/plugins/page-plugin

√ 위 링크를 타고 들어가면 나오는 페이지 입니다. 상세하게 알려드리겠습니다

√ 간단 명료한 페이스북 페이지 설정

facebook page url : 페이스북의 페이지를 넣어줍니다.

width : 보여질 페이지의 넓이를 설정합니다.

height : 보여질 페이지의 높이를 설정합니다.

√ 스크롤바를 조금만 내리면 버튼이 보인다.

cet code : 설정이 끝나셨다면 이제 소스코드를 뽑아냅니다.

√ your plugin code 넣기

코드를 보시면 1번 코드와 2번 코드로 나뉘어져 있습니다.

1번 코드는 2번 코드를 실행하기위한 쿼리 코드라고 단순하게 생각하시면 됩니다.

√ 티스토리 html 설정하기

위에서 보여드렸던 1번 코드를 긁어서 복사하셔서

티스토리 경우 html 소스에 붙어넣기를 해줍니다.

√ 사이드바 2번코드 삽입

2번 코드는 사이드바에 적당한 위치에 넣어줍니다.

역시나 2번코드를 긁어 붙어넣기 해주시면됩니다.

√ 적용된 모습

위에는 페이스북 페이지로 연결하게끔 설명되어있지만, 완성작은 제 개인 페이지로 연동된 모습이 보이실겁니다. 많은 분들에게 좋은 정보가 되길를 바랍니다. 감사합니다. 다음편은 네이버 페이스북 연동편을 설명해드리겠습니다. 

댓글과 공감은

포스팅에 큰힘이 됩니다.

http://pritaa.net