Blogger에 Facebook Comment 적용하기

1. 다음 URL에서 적용하려는 사이트를 등록하고 AppID를 발급 받는다.
http://developers.facebook.com/setup

2. 다음 URL에서 Comment(댓글) 플러그인 코드를 생성한다.
http://developers.facebook.com/docs/reference/plugins/comments/

3. Blogger Dashboard에서 Design > Edit HTML 을 선택한 후, Template 소스 중 다음 라인을 찾는다.
<div class='post-footer-line post-footer-line-3'/>


4. 3에서 찾은 소스 다음 줄에 2에서 만든 댓글 플러그인 코드를 삽입 후 저장한다. 이 때 2에서 생성된 코드 앞뒤에 <b:if cond='data:blog.pageType == &quot;item&quot;'>와 </b:if>를 추가한다.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like href='{Site URL}' show_faces='true' width='650'/>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#appId={appId}&amp;xfbml=1'/><fb:comments href='{Site URL}' num_posts='10' width='650'/>
</b:if>

5. Blogger Dashboard에서 Setting &gt; Comments에서 Comments 항목을 Hide로 설정한다. (Blogger에서 기본 제공하는 Comment는 안 보이게 설정)