티스토리

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

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

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

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

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