https://www.bestpage.kr/bbs/general_view.php?no=106
블로그나 사이트를 돌아다니 보면 “좋아요(like)” 버튼을 많이 보았을겁니다.
페이스북을 사용하는 블로거라면 설치하면 좋을듯 싶고, 페이스북을 사용하지 않는 유저라도 블로그나 사이트를 운영하는데 나름 도움이 되지 않을까 싶습니다.
사용법
1.페이스북의 like 버튼 기본 소스는 아래에서 제공되고 있습니다. 참고먼저 하시기 바랍니다.
http://developers.facebook.com/docs/reference/plugins/like
2.uRl 주소에 자신의 블로그 주소를 넣고 사이즈등 옵션을 설정한뒤 GetCode 를 클릭하여 코드를 얻습니다.예전에는 iframe 방식과 Xfbml 방식 2가지 코드가 제공되었는대 좋아요 버튼도 좀더 쉽고 간단하게 설치할 수 있도록 바뀌었네요. 페이스북 사이트에 가보면
좋아요 버튼과 고유하기 버튼을 생성 할수 있는 플러그인 페이지가 나옵니다.
왼쪽에서 옵션설정, 오른쪽에서 미리비고 할수 잇는 공간으로 나눠져 있습니다.
Url to like
‘좋아요 버튼을 설치할 URL 주소 입니다. 그냥 공백으로 놀경우 알아서 해당 페이지 URL 을 인식하여 적용됩니다. 특정페이지에 URL 에 버튼을 달분은 URL 주소를 입력하시고
티스토리나 블로그 기타 사이트에서는 그냥놔두시면 됩니다.
Send Button (XFBML Only)
send button, 즉 쪽지 보내기(보내기) 버튼도 같이 표시할 것인지 여부를 설정
보내기 버튼은 다른 페이스북 친구나 그룹, 이메일 주소 등으로 해당 글을 알리는데 좋은 방법이지만 좋아요 버튼이 들어갈 자리가 좁거나 해당 메세지 보내기 기능이 필요가 없다면 빼시는게 좋습니다. 그리고 해당 보내기 기능은 자바스크립트 SDK가 지원되는 서버의 홈페이지나 블로그만 지원됩니다.
Layout Style
좋아요 버튼을 3가지 형식으로 표시할 수 있는 기능입니다. 위에서 send button 버튼을 체크 해지했다면 이 레이아웃 스타일 에서 보내기 버튼을 보여주지 않습니다. (보통은 보내기 버튼을 빼놓고 설정합니다.)
standard : 아래처럼 좋아요 버튼과 보내기 버튼, 그리고 몇명이 좋아합니다. 친구 중 제일 머저 “좋아요” 클 클릭하세요 라는 문구를 표시해줍니다.
button_count : 가장 많이 쓰이는 버튼으로 좋아요 버튼을 얼마나 많이 눌렀는지 보여줍니다.
box_count : 세로형 좋아요 버튼 입니다.
Width, Show face
버튼 가로 폭을 설정할 수 있고, 좋아요 버튼을 클릭한 사람의 썸네일 사진을 하단에 같이 표시해줄 것인지 여부를 설정할 수 있습니다. 사진 썸네일을 넣게 되면 버튼 로딩 속도가 더 느려집니다. 가뜩이나 페북 버튼 속도가 느려집니다. 편한대로 설정하시길 바랍니다.
Verb to display
버튼에 like(좋아요) 라고 표시할지 recommend(추천) 이라고 표시할지를 결정합니다. 보통은 like 입니다.
Color Scheme
좋아요 버튼의 색상 구성표를 선택합니다. 밝은색으로 할것인지 어두운 버튼으로 할 것인지를 정해줍니다.
Font
글씨체, 글꼴을 설정할 수 있는데 6가지를 지원합니다. 한글 좋아요 버튼 글꼴은 없습니다. 그냥 놔두시면 됩니다.
옵션을 설정한후 Get Code 버튼을 누르시면 버튼 플러그인 코드들 얻을수 있습니다.
사이트나 블로그에 버튼을 달위치를 정하신다음 1, 2번 코드를 전부 넣으시면됩니다.
