블로그에 페이스북 "좋아요" 버튼 달기('보내기' 버튼 통합)

* 2011년 6월 28일 새로 고쳤습니다!

페이스북 "좋아요"버튼을 티스토리 블로그에 달아보겠습니다.

'좋아요'버튼 코드 얻기

1) 먼저 페이스북 개발자 사이트의 소셜플러그인으로 갑니다. 
( http://developers.facebook.com/docs/plugins/ )
그 중에 "Like Button"을 누릅니다.

 2) 주소(URL) 란에 블로그 주소를 기입하고 다른 사항도 선택합니다. 
    ［ Send Button ］ 부분에 체크를 하면 보내기 버튼도 함께 만들어집니다.
    선택이 끝나면 아래［ Get Code］를 누르면 아래 오른쪽 같이 코드가 나옵니다. 
 

코드 중에 ［ en_US ］를 ［ ko_KR ］로 바꿔주어야 한글로 나옵니다.

블로그스킨에 버튼 위치 찾아 넣기

마우스의 커서를  skin.html 의 본문에다  두고 ［ Ctrl + F ］를 하면 아래와 같이 '찾기 창'이 뜹니다.
찾기 란에 ［ article_rep_desc ］를 적으면  아래와 같이 파란색 테두리와 같이 표시됩니다.
 

article_rep_desc 앞에다 태그를 집어넣으면 글 시작부분에 버튼이 뜨고
뒤에다 태그를 넣으면  글 아래에 나옵니다.(플러그인이 끝나는 지점에 나옵니다.)

 
 "좋아요" 버튼과 "보내기" 버튼  달기 끝 !!  

 '좋아요' 단추를 누르면 아래와 같이 '댓글달기'가 따라나옵니다.
 

댓글을 안써도 '좋아요'는 유지되는데, 댓글을 달아서 페이스북 공유할 수 있습니다.