본문 바로가기

ETC

티스토리에 페이스북 댓글창 설치하기

티스토리에 페이스북 댓글창 설치하기


오늘은 티스토리에 페이스북 댓글창을 설치해보겠습니다.

이미 다른 블로그에서 티스토리 블로그에

페이스북 댓글창 설치하는 방법을 많이 접하셨을텐데요.

저도 따라해보니까 초보자들에겐 좀 어렵겠구나 생각이 들더라구요..

그래서 저는 이번 포스팅에서 남들보다

쉽고 간단하게 페이스북 댓글창 설치방법을 소개해드리겠습니다.


Step1. 아래 URL로 접속한다.

https://developers.facebook.com/docs/reference/plugins/comments/




Step2. 화면 중간쯤 보이는 입력창에 자신의 티스토리 주소를 기입 후

"Get Code" 버튼을 누릅니다.



Step3. 4개의 탭중에서 XFBML 탭을 클릭합니다.

3개의 텍스트 입력창이 있습니다.

※ 여기서 자세히 보고 따라하시기 바랍니다.


아래 사진에 명시 된 1번, 3번의 텍스트를

HTML/CSS 편집 - skin.html 에

<div class="trackback> 문구 위에 붙여넣기합니다.






여기서 중요한 점은 위에 사진에 초록색박스를 보면 알 수 있듯이

3번 내용에서 티스토리 주소바로 오른쪽에 아래 치환자를 추가 삽입해야 됩니다.

[샵샵_article_rep_link_샵샵]

-> 이유는 치환자를 사용하지 않으면 모든 포스팅에 똑같은 페이스북 댓글이 달리기 때문입니다.


Step4. 이제 남은 2번 내용을 skin.html 의 <head> 위에 붙여넣기합니다.



END. 이제 끝입니다. 헉헉

저장을 누르면 끝납니다.



포스팅 하다보니 저도 역시 읽으면서 무슨말인지 모를 말들을 적고 있었네요..ㅠ.ㅠ

그래서 조금이나마 도움이 될 수 있도록 동영상을 보여드리도록 하겠습니다.

<화질을 높이면 잘나옵니다.>