홈페이지/블로그에 페이스북 '좋아요(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번 코드: 좋아요 버턴이 보여지기를 원하는 위치에 삽입 합니다.


01


티스토리(Tistory)

1. 관리자 설정 페이지 - HTML/CSS 편집 - skin.html 항목의 <body> 바로 아래에 1번 코드 삽입.(그림①)

2. '포스트 본문 내용 부분' 원하는 위치에 2번 코드 삽입.(그림②)

  • 2번 코드를 수정없이 삽입하면 블로그 전체가 '좋아요' 됩니다.
  • 각각의 게시물에 좋아요 버턴을 추가 하려면 블로그 주소 부분에 치환자를 사용하면 됩니다.

3. 각각의 게시물에 '좋아요' 버턴이 보여 집니다.(그림③)


012


Posted by TAME :