[블로그와 SNS연결 3]블로그에 페이스북 댓글 달기

페이스북 보급이 급격히 증가 됨에 따라 블로그에 게시되는 글 뿐만 아니라 블로그 독자들의 반응이나 의견을 즉시 페이스북 프로파일이나 페이지 담벼락(Wall)에 공유 하고자 하는 욕구가 많아 지기 시작한 것 같다.

이러한 페이스북 사용자들의 욕구를 반영하여 블로그 운영자나 홈페이지 운영자가 페이스북 댓글(comments)를 연결할 수 있는 9가지의 기본  소셜 프러그인(Social Pugins)을 제공하고 있다. 이러한 소셜 프로그인의 용도를 이해하면 쉽게 자신이 운영하는 사이트나 블러그에 제공하는 프로그인의 목적에 따라 페이스북에 링크를 달 수 있다.

이외에도 자신의 운영하는 블로그나 사이트와 페이스북을 연결 시킬 수 있는 다양한 프러그인을 제공하고 있다.

그러나 본 페이지에서는 페이스북 댓글을 자신의 홈페이지나 블로그에 링크 시키고 싶어하는 독자들을 위해 본인이 습득한 지식을 바탕으로 그 절차를 공유 하고자 한다.

•  페이스북 소셜 플러그인(Social Pugins)

Like Button이나 Activity Feed 플러그인은 티스트로리에서는  기본 프로그인으로 자신의 블로그에 연결할 수 있는 기능을 제공 해 주기 때문에 이를 이용하면 된다. 본 페이지에서는 Comment 플러그인을 내 블로그에 연결하는 방법을 설명하기로 한다.

플로그인	용                                             도
Like Button	"좋아요" 버튼을 블로그 혹은 홈페이지에 설치 함으로써 사용자가 클릭시 해당 사용자의 프로파일 담벼락에 공유할 수 있도록 해주는 플러그인
Acitivity Feed	FB 친구중 나의 불로그나 홈페이지에서 활동한 결과를 보여주는 플러그인
Recomendations	블로그나 홈페이지 독자들이 개인적으로 추천한 사항을 보여주는 프러그인
Like Box	내 블러거나 사이트 독자가 링크시킨 페이스북 페이지를 구독할 수 있도록 하는 플러그인. Like Button은 독자의 플로파일에 공유 한다는 점이 차이 점임
Login Button	내 사이트에 로그인한 페이스북 친구들의 얼굴을 보여주는 플로그인
Registration	페이스북 계정으로 내사이트에 가입 할 수 있도록 해주는 플로그인
Facepile	내 블로그나 내사이트의 페이지에 있는  "좋아요" 버튼을 누를 경우 얼굴을 함께 표시해주는 플로그인
Comments     (댓글달기)	내볼로그 혹은 사이트의페이지에 댓글을 달 수 있도록 해 주는 플로그인. 블로그에 댓글을 달 경우 댓글 내용이  페이스북 프로파일에도 동시에 게시됨
Live Stream	내 페이지에서 라이브 이벤트를 진행 할 경우 페이지 활동이나 댓글을 실시간으로 내 페이지 독자에게 공유 할 수 있도록 해주는 플러그인

Comments 플러그인 코드 얻기

내 블로그에 페이스북 Comments 플러그인을 설치하려면 페이스북에서 제공하는 스크립을 복사해 와야한다. 다행이도 페이스북은 자산의 페이지와 연결하여 코드들 쉽게 복사할 수 있는 서비스를 제공 해 주고 있다.

코드들 얻기위해   "여기" 를 클릭하면 좌측의 화면이 있는 사이트가 나타나다.

(1) URL을 입력하는 난에 자신의 사이트 주소를 입력

(2) Number of Posts: 표지될 댓글 수, 기본으로 2개 표시됨

(3) Width: 자산의 블로그나 페이지에서 페이스북 댓글 입력 창이 표시되는 폭을 나타낸다. 기본을 500픽셀이며 자신의 페이지 본문의 폭 크기에 따라 자유로이 조정 가능 함




Comments 플러그인 코드 복사하기

자기가 원하는 대로 값을 집어 넣은 후 해당 코드를 얻기 위해서는 "Get Code" 버튼을 누른다.

(4) Get Code 버튼을 누르면 다음과 같이 해당 스크립트를 복사할 수 있는 화면이 팝업으로 떠로른다.

(5) XFBML 박스를 내의 코드를 Ctrl-C를 눌러 복사해 놓는다.

(5) 복사한 코드들 자신의 블로그 스킨의 원하는 곳에 붙여넣기 하면 페이스북 댓글달기가 완성 된다. 



불러그에 붙여넣기

분여넣기를 하기 전에 먼저 내 블로그에서 페이스북 댓글달기 플러그인을 어디에 위치 시킬 것인가를 결정해야 한다. 그 결정에 따라 skin.html에 복사할 위치가 달라지게 된다. 각자의 선호에 따라 블로그를 시작하는 부분에 페이스북 댓글달기를 연결 할수도 있고, 페이지 끝부분에 연결할 수도 있을 것이다. 여기서는 본 블로그에 연결 되어 있는 것 처럼 페이지의 시작 부분에 붙여 넣는 방법을 설명하기로 한다.

(1) skin.html 편잡화면으로 가기

티스토리 관리자 모드로 들어가 스킨메뉴에서 아래와 같이 HTML/CSS 편집 메뉴를 선택한다.

(2) 코드 삽입 위치 찾기

코드는 본문 이 시작하는 스킨의 앞에 붙여 놓기로 한다. 그러기 위해서  skin.html에서 본문이 시작하는 위치를 찾아야 한다. 쉽게 찾는 방법은 CTRL-F를 눌러 검색창에

페이스북 보급이 급격히 증가 됨에 따라 블로그에 게시되는 글 뿐만 아니라 블로그 독자들의 반응이나 의견을 즉시 페이스북 프로파일이나 페이지 담벼락(Wall)에 공유 하고자 하는 욕구가 많아 지기 시작한 것 같다.

이러한 페이스북 사용자들의 욕구를 반영하여 블로그 운영자나 홈페이지 운영자가 페이스북 댓글(comments)를 연결할 수 있는 9가지의 기본  소셜 프러그인(Social Pugins)을 제공하고 있다. 이러한 소셜 프로그인의 용도를 이해하면 쉽게 자신이 운영하는 사이트나 블러그에 제공하는 프로그인의 목적에 따라 페이스북에 링크를 달 수 있다.

이외에도 자신의 운영하는 블로그나 사이트와 페이스북을 연결 시킬 수 있는 다양한 프러그인을 제공하고 있다.

그러나 본 페이지에서는 페이스북 댓글을 자신의 홈페이지나 블로그에 링크 시키고 싶어하는 독자들을 위해 본인이 습득한 지식을 바탕으로 그 절차를 공유 하고자 한다.

•  페이스북 소셜 플러그인(Social Pugins)

Like Button이나 Activity Feed 플러그인은 티스트로리에서는  기본 프로그인으로 자신의 블로그에 연결할 수 있는 기능을 제공 해 주기 때문에 이를 이용하면 된다. 본 페이지에서는 Comment 플러그인을 내 블로그에 연결하는 방법을 설명하기로 한다.

플로그인	용                                             도
Like Button	"좋아요" 버튼을 블로그 혹은 홈페이지에 설치 함으로써 사용자가 클릭시 해당 사용자의 프로파일 담벼락에 공유할 수 있도록 해주는 플러그인
Acitivity Feed	FB 친구중 나의 불로그나 홈페이지에서 활동한 결과를 보여주는 플러그인
Recomendations	블로그나 홈페이지 독자들이 개인적으로 추천한 사항을 보여주는 프러그인
Like Box	내 블러거나 사이트 독자가 링크시킨 페이스북 페이지를 구독할 수 있도록 하는 플러그인. Like Button은 독자의 플로파일에 공유 한다는 점이 차이 점임
Login Button	내 사이트에 로그인한 페이스북 친구들의 얼굴을 보여주는 플로그인
Registration	페이스북 계정으로 내사이트에 가입 할 수 있도록 해주는 플로그인
Facepile	내 블로그나 내사이트의 페이지에 있는  "좋아요" 버튼을 누를 경우 얼굴을 함께 표시해주는 플로그인
Comments     (댓글달기)	내볼로그 혹은 사이트의페이지에 댓글을 달 수 있도록 해 주는 플로그인. 블로그에 댓글을 달 경우 댓글 내용이  페이스북 프로파일에도 동시에 게시됨
Live Stream	내 페이지에서 라이브 이벤트를 진행 할 경우 페이지 활동이나 댓글을 실시간으로 내 페이지 독자에게 공유 할 수 있도록 해주는 플러그인

Comments 플러그인 코드 얻기

내 블로그에 페이스북 Comments 플러그인을 설치하려면 페이스북에서 제공하는 스크립을 복사해 와야한다. 다행이도 페이스북은 자산의 페이지와 연결하여 코드들 쉽게 복사할 수 있는 서비스를 제공 해 주고 있다.

코드들 얻기위해   "여기" 를 클릭하면 좌측의 화면이 있는 사이트가 나타나다.

(1) URL을 입력하는 난에 자신의 사이트 주소를 입력

(2) Number of Posts: 표지될 댓글 수, 기본으로 2개 표시됨

(3) Width: 자산의 블로그나 페이지에서 페이스북 댓글 입력 창이 표시되는 폭을 나타낸다. 기본을 500픽셀이며 자신의 페이지 본문의 폭 크기에 따라 자유로이 조정 가능 함




Comments 플러그인 코드 복사하기

자기가 원하는 대로 값을 집어 넣은 후 해당 코드를 얻기 위해서는 "Get Code" 버튼을 누른다.

(4) Get Code 버튼을 누르면 다음과 같이 해당 스크립트를 복사할 수 있는 화면이 팝업으로 떠로른다.

(5) XFBML 박스를 내의 코드를 Ctrl-C를 눌러 복사해 놓는다.

(5) 복사한 코드들 자신의 블로그 스킨의 원하는 곳에 붙여넣기 하면 페이스북 댓글달기가 완성 된다. 



불러그에 붙여넣기

분여넣기를 하기 전에 먼저 내 블로그에서 페이스북 댓글달기 플러그인을 어디에 위치 시킬 것인가를 결정해야 한다. 그 결정에 따라 skin.html에 복사할 위치가 달라지게 된다. 각자의 선호에 따라 블로그를 시작하는 부분에 페이스북 댓글달기를 연결 할수도 있고, 페이지 끝부분에 연결할 수도 있을 것이다. 여기서는 본 블로그에 연결 되어 있는 것 처럼 페이지의 시작 부분에 붙여 넣는 방법을 설명하기로 한다.

(1) skin.html 편잡화면으로 가기

티스토리 관리자 모드로 들어가 스킨메뉴에서 아래와 같이 HTML/CSS 편집 메뉴를 선택한다.

(2) 코드 삽입 위치 찾기

코드는 본문 이 시작하는 스킨의 앞에 붙여 놓기로 한다. 그러기 위해서  skin.html에서 본문이 시작하는 위치를 찾아야 한다. 쉽게 찾는 방법은 CTRL-F를 눌러 검색창에 입력하는 방법이다. 스킨편집화면에서 다음과 같이 본문이 시작하는 바로 앞에 해당 코드를 붙여넣기 하면 블로그에서 페이스북 댓글달기아 페이지 앞부분에 나타난다. 다음에 코멘트 플러그인 코드를 붙여넣기 하면 페이지의 글 아랫부분에 댓글 달기가 나타나다. 위치는 각자의 선호에 따라 정하면 된다.

코드들 블로그 스킨에 복사하고 나서 완성된 모습은 다음과 같다

입력하는 방법이다. 스킨편집화면에서 다음과 같이 본문이 시작하는 바로 앞에 해당 코드를 붙여넣기 하면 블로그에서 페이스북 댓글달기아 페이지 앞부분에 나타난다.

페이스북 보급이 급격히 증가 됨에 따라 블로그에 게시되는 글 뿐만 아니라 블로그 독자들의 반응이나 의견을 즉시 페이스북 프로파일이나 페이지 담벼락(Wall)에 공유 하고자 하는 욕구가 많아 지기 시작한 것 같다.

이러한 페이스북 사용자들의 욕구를 반영하여 블로그 운영자나 홈페이지 운영자가 페이스북 댓글(comments)를 연결할 수 있는 9가지의 기본  소셜 프러그인(Social Pugins)을 제공하고 있다. 이러한 소셜 프로그인의 용도를 이해하면 쉽게 자신이 운영하는 사이트나 블러그에 제공하는 프로그인의 목적에 따라 페이스북에 링크를 달 수 있다.

이외에도 자신의 운영하는 블로그나 사이트와 페이스북을 연결 시킬 수 있는 다양한 프러그인을 제공하고 있다.

그러나 본 페이지에서는 페이스북 댓글을 자신의 홈페이지나 블로그에 링크 시키고 싶어하는 독자들을 위해 본인이 습득한 지식을 바탕으로 그 절차를 공유 하고자 한다.

•  페이스북 소셜 플러그인(Social Pugins)

Like Button이나 Activity Feed 플러그인은 티스트로리에서는  기본 프로그인으로 자신의 블로그에 연결할 수 있는 기능을 제공 해 주기 때문에 이를 이용하면 된다. 본 페이지에서는 Comment 플러그인을 내 블로그에 연결하는 방법을 설명하기로 한다.

플로그인	용                                             도
Like Button	"좋아요" 버튼을 블로그 혹은 홈페이지에 설치 함으로써 사용자가 클릭시 해당 사용자의 프로파일 담벼락에 공유할 수 있도록 해주는 플러그인
Acitivity Feed	FB 친구중 나의 불로그나 홈페이지에서 활동한 결과를 보여주는 플러그인
Recomendations	블로그나 홈페이지 독자들이 개인적으로 추천한 사항을 보여주는 프러그인
Like Box	내 블러거나 사이트 독자가 링크시킨 페이스북 페이지를 구독할 수 있도록 하는 플러그인. Like Button은 독자의 플로파일에 공유 한다는 점이 차이 점임
Login Button	내 사이트에 로그인한 페이스북 친구들의 얼굴을 보여주는 플로그인
Registration	페이스북 계정으로 내사이트에 가입 할 수 있도록 해주는 플로그인
Facepile	내 블로그나 내사이트의 페이지에 있는  "좋아요" 버튼을 누를 경우 얼굴을 함께 표시해주는 플로그인
Comments     (댓글달기)	내볼로그 혹은 사이트의페이지에 댓글을 달 수 있도록 해 주는 플로그인. 블로그에 댓글을 달 경우 댓글 내용이  페이스북 프로파일에도 동시에 게시됨
Live Stream	내 페이지에서 라이브 이벤트를 진행 할 경우 페이지 활동이나 댓글을 실시간으로 내 페이지 독자에게 공유 할 수 있도록 해주는 플러그인

Comments 플러그인 코드 얻기

내 블로그에 페이스북 Comments 플러그인을 설치하려면 페이스북에서 제공하는 스크립을 복사해 와야한다. 다행이도 페이스북은 자산의 페이지와 연결하여 코드들 쉽게 복사할 수 있는 서비스를 제공 해 주고 있다.

코드들 얻기위해   "여기" 를 클릭하면 좌측의 화면이 있는 사이트가 나타나다.

(1) URL을 입력하는 난에 자신의 사이트 주소를 입력

(2) Number of Posts: 표지될 댓글 수, 기본으로 2개 표시됨

(3) Width: 자산의 블로그나 페이지에서 페이스북 댓글 입력 창이 표시되는 폭을 나타낸다. 기본을 500픽셀이며 자신의 페이지 본문의 폭 크기에 따라 자유로이 조정 가능 함




Comments 플러그인 코드 복사하기

자기가 원하는 대로 값을 집어 넣은 후 해당 코드를 얻기 위해서는 "Get Code" 버튼을 누른다.

(4) Get Code 버튼을 누르면 다음과 같이 해당 스크립트를 복사할 수 있는 화면이 팝업으로 떠로른다.

(5) XFBML 박스를 내의 코드를 Ctrl-C를 눌러 복사해 놓는다.

(5) 복사한 코드들 자신의 블로그 스킨의 원하는 곳에 붙여넣기 하면 페이스북 댓글달기가 완성 된다. 



불러그에 붙여넣기

분여넣기를 하기 전에 먼저 내 블로그에서 페이스북 댓글달기 플러그인을 어디에 위치 시킬 것인가를 결정해야 한다. 그 결정에 따라 skin.html에 복사할 위치가 달라지게 된다. 각자의 선호에 따라 블로그를 시작하는 부분에 페이스북 댓글달기를 연결 할수도 있고, 페이지 끝부분에 연결할 수도 있을 것이다. 여기서는 본 블로그에 연결 되어 있는 것 처럼 페이지의 시작 부분에 붙여 넣는 방법을 설명하기로 한다.

(1) skin.html 편잡화면으로 가기

티스토리 관리자 모드로 들어가 스킨메뉴에서 아래와 같이 HTML/CSS 편집 메뉴를 선택한다.

(2) 코드 삽입 위치 찾기

코드는 본문 이 시작하는 스킨의 앞에 붙여 놓기로 한다. 그러기 위해서  skin.html에서 본문이 시작하는 위치를 찾아야 한다. 쉽게 찾는 방법은 CTRL-F를 눌러 검색창에 입력하는 방법이다. 스킨편집화면에서 다음과 같이 본문이 시작하는 바로 앞에 해당 코드를 붙여넣기 하면 블로그에서 페이스북 댓글달기아 페이지 앞부분에 나타난다. 다음에 코멘트 플러그인 코드를 붙여넣기 하면 페이지의 글 아랫부분에 댓글 달기가 나타나다. 위치는 각자의 선호에 따라 정하면 된다.

코드들 블로그 스킨에 복사하고 나서 완성된 모습은 다음과 같다

다음에 코멘트 플러그인 코드를 붙여넣기 하면 페이지의 글 아랫부분에 댓글 달기가 나타나다. 위치는 각자의 선호에 따라 정하면 된다.

코드들 블로그 스킨에 복사하고 나서 완성된 모습은 다음과 같다