페이스북 댓글창 좋아요 달기
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.
댓글 3개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1430 | 18년 전 | 2983 | ||
| 1429 | 18년 전 | 2932 | ||
| 1428 | 18년 전 | 2829 | ||
| 1427 | 18년 전 | 2133 | ||
| 1426 |
 친절한서기 |
18년 전 | 2315 | |
| 1425 |
친절한서기 |
18년 전 | 2869 | |
| 1424 |
 사이버매치스틱 |
18년 전 | 2962 | |
| 1423 |
frotone
|
18년 전 | 4133 | |
| 1422 | 18년 전 | 6122 | ||
| 1421 | 18년 전 | 2057 | ||
| 1420 | 18년 전 | 2181 | ||
| 1419 | 18년 전 | 1893 | ||
| 1418 | 18년 전 | 1652 | ||
| 1417 | 18년 전 | 2639 | ||
| 1416 | 18년 전 | 1702 | ||
| 1415 | 18년 전 | 1564 | ||
| 1414 | 18년 전 | 4737 | ||
| 1413 | 18년 전 | 1796 | ||
| 1412 | 18년 전 | 1843 | ||
| 1411 | 18년 전 | 1851 | ||
| 1410 | 18년 전 | 1974 | ||
| 1409 | 18년 전 | 3632 | ||
| 1408 | 18년 전 | 1654 | ||
| 1407 | 18년 전 | 1527 | ||
| 1406 | 18년 전 | 1354 | ||
| 1405 | 18년 전 | 1857 | ||
| 1404 | 18년 전 | 1908 | ||
| 1403 |
frotone
|
18년 전 | 3658 | |
| 1402 | 18년 전 | 1978 | ||
| 1401 | 18년 전 | 3114 | ||
| 1400 | 18년 전 | 4736 | ||
| 1399 | 18년 전 | 2865 | ||
| 1398 | 18년 전 | 8064 | ||
| 1397 | 18년 전 | 4065 | ||
| 1396 |
 hanpedro |
18년 전 | 2747 | |
| 1395 | 18년 전 | 1528 | ||
| 1394 | 18년 전 | 2627 | ||
| 1393 | 18년 전 | 5039 | ||
| 1392 | 18년 전 | 5223 | ||
| 1391 |
cncafe
|
18년 전 | 2100 | |
| 1390 |
mixdesign
|
18년 전 | 4353 | |
| 1389 | 18년 전 | 4101 | ||
| 1388 |
mixdesign
|
18년 전 | 4159 | |
| 1387 | 18년 전 | 2277 | ||
| 1386 | 18년 전 | 4188 | ||
| 1385 |
mixdesign
|
18년 전 | 2182 | |
| 1384 | 18년 전 | 3289 | ||
| 1383 | 18년 전 | 4927 | ||
| 1382 | 18년 전 | 1950 | ||
| 1381 |
오디세우스
|
18년 전 | 3414 | |
| 1380 |
mixdesign
|
18년 전 | 1651 | |
| 1379 | 18년 전 | 2746 | ||
| 1378 |
mixdesign
|
18년 전 | 1678 | |
| 1377 | 18년 전 | 2729 | ||
| 1376 |
hanpedro |
18년 전 | 2557 | |
| 1375 |
 짱구000 |
18년 전 | 1562 | |
| 1374 |
짱구000 |
18년 전 | 1497 | |
| 1373 |
짱구000 |
18년 전 | 1744 | |
| 1372 | 18년 전 | 2241 | ||
| 1371 | 18년 전 | 2017 | ||
| 1370 | 18년 전 | 2381 | ||
| 1369 | 18년 전 | 4938 | ||
| 1368 |
mixdesign
|
18년 전 | 1817 | |
| 1367 | 18년 전 | 1263 | ||
| 1366 | 18년 전 | 1380 | ||
| 1365 | 18년 전 | 1341 | ||
| 1364 | 18년 전 | 1088 | ||
| 1363 | 18년 전 | 1083 | ||
| 1362 | 18년 전 | 1412 | ||
| 1361 | 18년 전 | 1371 | ||
| 1360 | 18년 전 | 2353 | ||
| 1359 | 18년 전 | 1225 | ||
| 1358 | 18년 전 | 1615 | ||
| 1357 | 18년 전 | 2103 | ||
| 1356 | 18년 전 | 1281 | ||
| 1355 | 18년 전 | 2834 | ||
| 1354 | 18년 전 | 1278 | ||
| 1353 | 18년 전 | 1654 | ||
| 1352 | 18년 전 | 1500 | ||
| 1351 | 18년 전 | 1456 | ||
| 1350 | 18년 전 | 1249 | ||
| 1349 | 18년 전 | 1082 | ||
| 1348 | 18년 전 | 1673 | ||
| 1347 | 18년 전 | 1120 | ||
| 1346 | 18년 전 | 3618 | ||
| 1345 | 18년 전 | 1713 | ||
| 1344 |
mixdesign
|
18년 전 | 1791 | |
| 1343 | 18년 전 | 1123 | ||
| 1342 | 18년 전 | 1852 | ||
| 1341 | 18년 전 | 1097 | ||
| 1340 | 18년 전 | 1166 | ||
| 1339 | 18년 전 | 1016 | ||
| 1338 | 18년 전 | 1010 | ||
| 1337 | 18년 전 | 1106 | ||
| 1336 |
hanpedro |
18년 전 | 2586 | |
| 1335 | 18년 전 | 1544 | ||
| 1334 | 18년 전 | 1636 | ||
| 1333 | 18년 전 | 1204 | ||
| 1332 | 18년 전 | 1874 | ||
| 1331 | 18년 전 | 1520 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기