P/s: để thực hiện điều này bạn cần phải sở hữu cho mình 1 trang Blogger/blogspot. Nếu chưa có thì hãy xem bài viết Hướng dẫn tạo blogspot chi tiết, từ căn bản đến nâng cao
Video hướng dẫn thêm bình luận Facebook vào bài viết Blogspot
- Các bạn hãy bấm ĐĂNG KÝ (Subscribe) Kênh để ủng hộ và nhận được video mới nhất nhé
- Link: https://youtu.be/T4AIeD3yGjA
Cách chèn comment Facebook vào bài viết của Blogger
Đầu tiên, bạn vào trang chủ của Blogger blogger.com/home chọn trang Blogspot mà bạn muốn thêm bình luận Facebook vào bài viết.
Truy cập vào trang quản trị blog đó ---> Mẫu ---> Chỉnh sửa HTML
Bấm vào hình để xem hình lớn
Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ </head>
(Link download ở bên dưới bài viết)
Các thông số
Tiếp theo, ban bấm Ctrl F để tìm thẻ </body>
Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ </body>
Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết.
Bấm Lưu mẫu để hoàn tất
(Link download ở bên dưới bài viết)
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="30" data-width="666"></div>';
//]]>
</script>
Bấm vào hình để xem hình lớn
- data-num-posts="30": Số bình luận (comment) Facebook hiển thị ở bài viết của Blogspot.
- data-width="666px": chiều rộng của khung bình luận.
Copy đoạn code dưới đây và Paste (dán) vào phía trên thẻ </body>
<div id='fb-root'/> <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
Bấm vào hình để xem hình lớn
Đặt khung comment (bình luận) Facebook trong bài viết Blogspot/Blogger.
Thông thường, các comment (bình luận) Facebook sẽ nằm ở cuối mỗi bài viết.
Bạn làm như sau:
Bấm Ctrl F để tìm <b:include data='post' name='post'/>
Copy đoạn code dưới đây và Paste (dán) vào phía dưới dòng <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> document.write(fbcm); </script> </b:if>
Bấm vào hình để xem hình lớn
Bấm Xem blog ---> vào bài viết bất kỳ của bạn để xem thành quả ^^
Chú ý: Một số mẫu giao diện template Blogspot/Blogger sẽ có nhiều dòng <b:include data='post' name='post'/>, bạn chọn dòng đầu tiên tìm được để thực hiện. Sau đó lưu lại xem kết quả. Nếu thấy không được thì ta chọn dòng khác, đến khi nào được thì thôi ^.^
Nếu ban có thắc mắc gì thì hãy comment phía dưới,hoặc để lai thông tin trong phần Liên hệ nhé.
Chúc bạn thành công!
Chúc bạn thành công!
Nếu bạn thấy nội dung này hữu ích thì bấm G+ phía dưới nhé!
Link download các đoạn code: https://drive.google.com/open?id=1dUv2kLhVhzFJn13IBAlt0jDcaw78_MEi
Link download các đoạn code: https://drive.google.com/open?id=1dUv2kLhVhzFJn13IBAlt0jDcaw78_MEi
Have nice day!
*Các đoạn code được sưu tầm trên mạng