티스토리에 페이스북 댓글(comments)달기

티스토리에 페이스북 댓글(comments)달기

티스토리 게시글 아래 부분에 페이스북 댓글(comments) 플러그인을 연동시켜보도록 하겠습니다.

 

1. 페이스북에 로그인하여 개발자 페이지로 이동합니다. 오른쪽 상단의 [홈]-[계정설정]을 선택하면 다음과 같이 계정설정 화면으로 이동됩니다. 화면 하단의 [개발자]를 클릭합니다.

   

2. 다음 같은 개발자 초기화면에서 [웹사이트]를 선택합니다.

 

3. Facebook for Websites 페이지의 왼쪽 메뉴에서 [Core Concepts]을 선택합니다.

4. Core Concepts 화면에서 왼쪽 메뉴 또는 오른쪽 설명페이지에서 [Social Plugins]을 클릭합니다.

  

5. Social Plugins 목록중에서 [Comments]를 클릭합니다.

6. Comments 설정 페이지 아래쪽에서 다음과 같이 각 항목의 내용을 입력합니다.

	① 자신의 티스토리 블로그 주소를 입력합니다.   (ex : http://debatei.tistory.com/ )
	② 노출할 댓글의 개수를 입력합니다. (ex : 10)
	③ 댓글의 가로의 길이를 지정합니다. 자신의 티블로그 글이 입력되는 영역의 가로사이즈를 확인하고 입력하면 됩니다. (ex : 630)
	④ 배경색을 지정합니다.  (ex : light )
	⑤ Get Code를 클릭하면 소스코드가 생성됩니다.

입력이 완료되면 다음과 같이 미리보기를 볼 수 있습니다.

7. [Get Code]단추를 클릭하여 코드를 생성시킵니다.

8. 생성된 플러그인 코드 1과 2를 모두 워드패드에 복사해둡니다.

 

9. 자신의 티스토리 관리자 화면으로 이동하여 왼쪽의 메뉴중에서 [HTML/CSS 편집]을 클릭합니다.

10. 다음과 같이 skin.html 부분의 소스코드 영역중에서 다음과 같은 주석문을 찾습니다.

<!---------- || 본문 ---------->

본문 내용의 마지막에 </div> 아래 부분에 다음과 같이 워드패드에 복사해둔 소스코드를 복사하여 붙여넣기 합니다.

자신의 티스토리에 적용된 스킨에 따라 소스코드가 다르게 표시되므로 본문위치의 끝 부분을 잘 찾아야 합니다.