[네트워크 소셜댓글]티스토리 블로그에 소셜댓글(페이스북)창 달기 - 따라만 하세요^^ 
소셜댓글(페이스북)창 달기


티스토리 블로그에 소셜댓글(페이스북)창 달기


1.우선 페이스북에 로그인을 합니다.(http://www.facebook.com)


페이스북 가입시 등록한 이메일주소와 비밀번호를 입력한 후 로그인을 클릭합니다

가입이 아직 안되셨으면 가입하시기 바랍니다.
가입하는 방법은 다음 포스팅으로 미루겠습니다. 

2.http://developers.facebook.com 에 접속

소셜하고 개인화된 웹을 구축하세요.
"페이스북을 내 사이트에서 활용" 클릭 

3.페이스북 포 웹사이트(Facebook for Websites)의(https://developers.facebook.com/docs/guides/web)


소셜플러그인(Social Plugins) 클릭 

4.페이스북 포 웹사이트(Facebook for Websites)의

Social Plugin page 클릭 

5.소셜플러그인(Social Plugins)페이지의

코멘트(Comments) 클릭 

6.코멘트(Comments) 페이지에서 

블로그 주소입력

URL to comment on: example.com으로 기본입력 되어 있는 폼에 자신의 블로그 주소입력(ex. http://lghn.tistory.com)

Number of posts: 2로 기본입력 되어 있는 폼에 댓글이 달릴 숫자 입력(댓글이 입력된 숫자 이상으로 달리면 페이지를 달리해서 보여줍니다.) 저는 3로 입력했습니다. 댓글이 3개이상 달리면 댓글페이지가 늘어나겠죠.

Width: 500으로 기본입력 되어 있는 폼에 댓글창 가로 넓이를 입력(기본 500으로 설정되어 있는데 이는 자신의 블로그 사이즈를 고려해서 보기좋게 설정 해주시면 됩니다. 저는 840으로 설정했습니다.

Color Scheme: light가 기본입력 되어 있는 색상설정입니다. light와 dark중 선택하실 수 있습니다. 

위 과정이 완료 되셨으면 Get Code를 클릭합니다. 

7.회원님의Comments 플러그인 코드: 

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://lghn.tistory.com" num_posts="3" width="840"></fb:comments> 라는 팝업창이 열리고 이 창을 클릭하시면 소스가 선택되고
 

이를 복사(Ctrl키 + C 키로)하시면 소스가 복사됩니다.

확인을 클릭하시면 창이 닫힙니다. 

8.티스토리 블로그 관리자모드에서

이제 소스를 티스토리 블로그 스킨에 입력할 차례입니다.
자신의 티스토리 관리자모드로 접속하셔서

티스토리 블로그 스킨메뉴중 HTML/CSS 편집메뉴 클릭
 

9.티스토리 블로그 관리자모드 HTML/CSS 편집 메뉴에서

검색하기(Ctrl + F 키)를 누른후 ##_article_rep_desc_## 을 검색하여

 

검색하시는 방법 모르시면 찾으시면 되는데 소스중 중간부분의 조금 위쪽에 있습니다. 

[##_article_rep_desc_##] 밑에

복사해두었던

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="http://lghn.tistory.com" num_posts="3" width="840"></fb:comments> 소스 삽입.
입력하실 때는 붙여넣기(Ctrl키 + V 키로)하시는 것 아시죠?

모르시겠으면 일일이 기재하시면 되십니다. ,.ㅡ 

소스중 en_US 는 ko_KR로 수정하시고

en_US 은 한글 입력은 가능한데 좋아요가 영어식 like로 표현되는 등 영문기반으로 되는데 이를 ko_KR로 수정하면 한글기반으로 바뀝니다. 

num_posts="3" 은 한페이지당 댓글수로 댓글수가 너무 많으면 한눈에 볼수가 없는 경우가 있습니다. 이를 댓글 페이지로 나누는 거죠.

##_article_rep_link_## 은 포스트를 구분 하는 것입니다. 이를 입력하지 않으면 모든 포스트에 같은 댓글들이 적용됩니다.

width="840" 은 댓글의 가로 넓이라고 위에서 말씀드렸고 이 넓이는 각자의 블로그 가로 넓이를 고려해서 적당히 잡아주면 됩니다.

*페이스북에 페이지를 운영하고 계시면 페이스북 개인계정 또는 운영하시는 페이스북페이지계정으로도 댓글을 다실 수 있습니다.

 

관련글

 

YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST