https://developers.facebook.com/docs/reference/plugins/comments/
https://developers.facebook.com/docs/reference/plugins/like/
URL 가보면 별로 설명할게 없다-_-;
원하는 정보 적고 Get Code 하면 스크립트와 태그가 나온다.
나온 것을 붙여넣으면 끝.
- 공통 -
<div id="fb-root"></div> <!-- 페이스북 뒷작업(?) 하는 숨은 태그 대충 /body 위쯤에 넣어주자 -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ko_KR/all.js#xfbml=1"; // ko_KR 이어야 한국어로 나옴. en_US, ja_JP ...
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Comments -
<div class="fb-comments" data-href="http://여기를 게시물 주소로 하면 게시물 별 게시판이 된다." data-num-posts="5" data-width="745"></div>
- Like -
<div class="fb-like" data-href="http://여기의 주소는 좋아요 버튼이 달린 주소일 필요가 없다. 즉 게시판 리스트에 좋아요 버튼을 각각 달아놓을 수가 있다는 것이다." data-send="false" data-width="450" data-show-faces="true"></div>
Step 2 의 Open Graph meta 태그만 각 게시물에서 제대로 나오게 해 준다면,
좋아요를 클릭하는 순간 페이스북에 썸네일과 설명이 달린 채 게시될 것이다.
[[og 의 Admin 은 없어도 된다.]]
License : Facebook.
댓글 4개
게시글 목록
| 번호 | 제목 |
|---|---|
| 27182 | |
| 27176 | |
| 18634 | |
| 5442 | |
| 18632 | |
| 18629 |
JavaScript
주민번호, 외국인번호 검사 스크립트
2
|
| 5435 | |
| 18627 |
Mobile
Base64.java 파일입니다.
1
|
| 18626 | |
| 18623 | |
| 5409 | |
| 18621 |
MySQL
Mysql Text필드
1
|
| 18617 | |
| 18615 |
Mobile
[안드로이드] 프리퍼런스 사용 방법
1
|
| 18614 | |
| 18608 | |
| 27162 | |
| 18607 |
Mobile
[ios]사진촬영후 이미지 편집 샘플입니다.
|
| 5405 | |
| 18606 |
JavaScript
Html , javascript , css 강좌 사이트 입니다.
|
| 18605 |
JavaScript
주민번호 자바스크립트 체크
|
| 5401 | |
| 27152 | |
| 5397 | |
| 18603 |
jQuery
안녕하세요 jquery에 대해 물어볼게있습니다
1
|
| 27144 | |
| 20667 | |
| 20666 |
정규표현식
설문조사 진행 중입니다. ~1월 28일까지
|
| 24485 | |
| 20651 | |
| 20632 | |
| 20620 | |
| 20607 | |
| 18602 | |
| 30749 | |
| 5396 | |
| 18601 |
Mobile
[안드로이드] 자신의 폰에 깔려있는 앱들 검색하기
|
| 18599 | |
| 18596 | |
| 20590 | |
| 18589 | |
| 18587 | |
| 18586 | |
| 18585 | |
| 18584 | |
| 5387 | |
| 27106 | |
| 18583 | |
| 18580 | |
| 18579 | |
| 27120 | |
| 18574 | |
| 18570 | |
| 18566 |
JavaScript
자바스크립트에서 새창 띄우기입니다.
3
|
| 18562 |
PHP
문자열자르기소스입니다.
3
|
| 18558 | |
| 26490 | |
| 30733 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 18554 |
JavaScript
에디터 글양식 변경 기능 문의
3
|
| 20572 |
정규표현식
정규표현식의 기본구조
17
|
| 20541 |
정규표현식
정규표현식 강좌를 시작하며.....
30
|
| 5377 | |
| 18553 | |
| 5373 | |
| 20534 |
썸네일
언샵마스크효과 추가
6
|
| 20531 | |
| 20527 | |
| 20525 |
썸네일
종합 썸네일 함수 만들기
1
|
| 20519 | |
| 20513 | |
| 20507 |
썸네일
이미지에 워터마크 처리하기
5
|
| 20503 | |
| 20496 | |
| 20490 | |
| 20483 | |
| 20471 | |
| 20464 |
썸네일
이미지 복사하기
6
|
| 20447 | |
| 20419 | |
| 20405 | |
| 30729 | |
| 18549 |
Mobile
유투브 api 실행 결과를 담는 방법요?
3
|
| 18544 | |
| 32084 |
센스리더
센스리더 문제해결
1
|
| 32083 |
센스리더
센스리더 Windows 설정하기
|
| 32082 |
센스리더
센스리더 기능키 리스트
|
| 32081 |
센스리더
센스리더 인터넷의 활용 (가상커서)
|
| 30728 |
CSS
IE6/7 img px 버그
|
| 27097 | |
| 18537 |
jQuery
JQUERY로 제작된 슬라이드 메뉴입니다.
6
|
| 27092 | |
| 32080 | |
| 32079 | |
| 32078 | |
| 32077 | |
| 32076 | |
| 32075 | |
| 32074 | |
| 32073 | |
| 32072 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기