홈페이지/블로그에 페이스북 '좋아요(Like)' 버턴 삽입하기
삽입 코드(Code)
1. 아래 '좋아요 버턴' 제공 페이스북 개발자 사이트 방문.
2. 'Step 1 - Get Like Button code' 항목에서 자신의 스타일에 맞게 각 항목 선택.(그림①)
- URL to Like: 좋아요 버턴을 삽입할 홈페이지/블로그의 주소 입력.
- Send Button: 보내기 버턴 보이기/숨기기.(체크박스)
- Layout Style: 레이아웃 스타일 선택.
- Width: 좋아요 버턴이 보여지는 길이 선택.
- Show faces: 좋아요 버턴을 클릭한 친구의 얼굴 보이기/숨기기.(체크박스)
- Font: 글씨체 선택.
- Color Scheme: 색상 선택.
- Verb to display: 보여지는 버턴의 '좋아요/추천' 선택.
- Get Code: 코드 만들기.
3. 제공하는 'HTML5/XFBML/IFRAME/URL' 중 자신이 원하는 코드 선택해 사용.(그림②)
- 1번 코드: <body> 바로 아래 삽입 합니다.
- 2번 코드: 좋아요 버턴이 보여지기를 원하는 위치에 삽입 합니다.
티스토리(Tistory)
1. 관리자 설정 페이지 - HTML/CSS 편집 - skin.html 항목의 <body> 바로 아래에 1번 코드 삽입.(그림①)
2. '포스트 본문 내용 부분' 원하는 위치에 2번 코드 삽입.(그림②)
- 2번 코드를 수정없이 삽입하면 블로그 전체가 '좋아요' 됩니다.
- 각각의 게시물에 좋아요 버턴을 추가 하려면 블로그 주소 부분에 치환자를 사용하면 됩니다.
3. 각각의 게시물에 '좋아요' 버턴이 보여 집니다.(그림③)