2017년 1월 5일 목요일

페이스북 좋아요 버튼을 포스트에 추가하기 (Facebook Like Button to Blogger Posts)

블로그에 글이 많아지고 블로그 자체가 커지다보면 후에 어떤 글에 댓글이나 반응이 있었는 지 관리하기가 만만찮을 것이다. (겨우 게시물이 세 개 뿐인 지금은 설레발이겠으나..ㅋㅋ)
꼭 이런 목적 외에도 내가 쓴 글이 좋아요와 같은 피드백을 받을 수 있고 이를 자주 들어가는 페이스북을 통해 즉각적으로 알 수 있다면 여러모로 좋지 않을까?

아무튼 그 있을 지 모르는 먼 훗날을 위해! 방법을 찾아보았다. 생각보다 매우 간단한데 다만 영어로 되어있을 뿐ㅋㅋ(원본 링크)
원래는 이렇게 간단하지는 않고 페이스북 개발자 등록을 한 후 html 소스를 받아서 긁어와야하지만 친절하게도 그 소스들을 종류별로 정리해서 두었기에 이 글 대로 따라하는 사람들은 등록을 할 필요가 없다.

한국 사람들을 위해 같은 내용이지만 이를 한글로 번역하고 조금 정리해서 올려본다.
  1. Blogger 에 로긴을 하고
  2. 사이드바의 템플릿 창에 들어가서 HTML 편집을 누른다. 
  3. ctrl+f 로 (맥에서는 cmd + f)로 두 번째 <data:post.body/> 를 찾는다. (즉, find창에 문구를 치고 두 번 엔터를 해야 한다.)
  4. 아래 코드를 복사해서 포스팅의 맨 위에 좋아요 버튼이 나오길 바란다면 저 코드 바로 위에 내용이 끝나고 제일 밑에 나오길 바란다면 저 코드 바로 뒤에 붙여넣기 하면 끝난다. 

Vertical style을 원한다면:
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>


Horizontal style을 원한다면:
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/>

Standard style을 원한다면:
<br/><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>



댓글 1개: