내 홈페이지에 트위터 및 페이스북 위젯 삽입하기

어떤 웹사이트를 방문하면 트위터나 페이스북 위젯이 설치된 것을 한 번 쯤 봤을 것 같습니다. 이런 위젯을 똑같이 내 홈페이지에 넣을 수 있습니다.

아래 그림처럼 내 홈페이지에도 페이스북 위젯을 넣을 수 있습니다.

그전에 Facebook 페이지 URL을 알고 있어야 합니다.

한 예로 https://www.facebook.com/imdb 로 방문해 보면 IMDB 영화정보 Facebook 페이지임을 알 수 있는데, 이 URL을 이용해 위젯을 만들어 보도록 하겠습니다.

먼저, 페이스북에 로그인한 상태에서 사용할 Facebook 페이지 URL(https://www.facebook.com/imdb)을 복사합니다.

그런 다음 아래 URL을 방문해서 "페이지 플러그인"을 클릭합니다.

앞서 복사한 페이지 URL을 "Facebook 페이지 URL"에 붙여넣습니다.

아래로 스크롤 해서 "코드 받기"를 클릭하면 완성됩니다.

페이스북 위젯은 미리보기 기능이 있어서 내 홈페이지에 맞게 크기를 조절하면서 위젯을 만들 수 있습니다. 커버만 보이게 하고 싶다면 위젯 높이를 "130"으로 하세요.

아래 이미지처럼 박스오피스모조에 삽입된 트위터를 내 홈페이지에 넣고자 합니다.

트위터 URL은 https://twitter.com/boxofficemojo 입니다. 이 URL을 복사합니다.

그 다음에 코드를 생성할 트위터 페이지(https://publish.twitter.com/)에 접속합니다.

앞서 복사한 URL을 아래 입력란에 붙여넣고 화살표 버튼을 클릭합니다.

사용할 수 있는 두 개의 위젯 중 첫 번째 위젯을 선택하고 "set customization options"을 선택합니다. 이 옵션은 사용자 정의 옵션입니다.

가로/세로 크기, 배경 밝기, 언어 등을 설정한 다음 "update" 버튼을 클릭합니다.

이렇게 생성된 위젯을 만들었으면 "copy code"를 클릭해서 코드를 복사한 다음에 홈페이지의 원하는 위치에 삽입하세요.

내 트위터를 위젯으로 만들어 삽입하려면 먼저 트위터에 로그인한 다음 왼쪽 사이드바 메뉴 중 "프로필"를 클릭하거나 마우스 우클릭해서 "링크 주소 복사"를 클릭합니다.

이렇게 복사한 링크가 내 트위터가 됩니다.

- 보니야 놀자