Xin chào! Bài viết này mục đích của Duy chỉ là note lại cách tích hợp một số tính năng của Facebook vào blog thôi, nhưng nếu quan tâm bạn có thể tham khảo. Cũng đơn giản thôi.
Tích hợp Bình luận
Mở phần Chỉnh sửa HTML, copy đoạn sau vào trước thẻ </head>
<meta property="fb:app_id" content="1031992216819483"/>
<meta property="fb:admins" content="100007834810883"/>
Copy đoạn sau vào trước thẻ </body>:
<div id="fb-root"></div>
<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/vi_VN/sdk.js#xfbml=1&
version=v2.3&
appId=1031992216819483";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Tìm kiếm dòng sau (nhấn Ctrl + F):
<b:include data='post' name='post'/>
Copy đoạn sau vào ngay sau dòng vừa tìm:
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="640" data-numposts="5" data-colorscheme="light"></div>
</b:if>
Để quản trị bình luận Facebook, truy cập vào:
https://developers.facebook.com/tools/comments
Tích hợp Like Fanpage
Tạo một tiện ích HTML/Javascript trong phần Bố cục, copy đoạn sau:
<div id="fb-root"></div>
<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/hoatuoidep24h/" data-width="100%" data-height="250" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false" colorscheme="light"></div>
Chúc bạn thành công với thủ thuật này. Cảm ơn bạn đã xem!