Tại phiên bản version 2.6 mới nhất của scripts Facebook Comment, khi chúng ta chèn code vào sau thẻ <body> như Facebook đã hướng dẫn, Khi lưu mẫu, blog sẽ thấy thông báo lỗi ngay dòng "...&version=v2.6" . Lỗi này hiện nay có rất nhiều bạn đang mắc phải .Chính vì thế, hôm nay mình sẽ hướng dẫn cho các bạn fix lỗi này.
Chúng ta cùng tham khảo nhé.
Thông báo lỗi sẽ hiển thị như trên.
Để fix lỗi này, các bạn chỉ cần thêm amp; vào sau .js#xfbml=1& và ...version=2.6
đoạn code sau khi thay có dạng như thế này ...js#xfbml=1& và ...version=v2.6& Lưu lại một lần nữa là ok!.
--------------------------------------------------------------------
Một lỗi nữa mà các bạn hay gặp đó là sau khi chèn Facebook Comment vào Blogspot thì gặp phải lỗi load cùng một comment trên nhiều bài viết khác nhau.
Đây là lỗi get current URL của Blogspot
Để khắc phục lỗi này, chúng ta cần thay đổi đoạn code mặc định khi chúng ta get code của Facebook
vd : đổi <div class="fb-comments" data-href"https://thuthuatgloomyhackingteam.blogspot.com/"data-numposts="5"></div>
thành
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments" expr:href='data : post.canonicalUrl' data-numposts="5" width='650'> </div>
</b:if>
Các bạn hãy thay link URL trên đoạn code mặc định thành expr:href='data : post.canonicalUrl' nhé.
----------------------------------------------------------------------------
Sau khi chèn Facebook comment vào bài viết thì chúng ta cần tạo Responsive cho Facebook Comment để tạo độ co dãn với các thiết bị khác.
Để làm việc này, chúng ta cần thêm đoạn css vào phía trên thẻ ]]></b:skin> của blog
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style], .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style]
{ width: 100% !important; }
lưu lại và tận hưởng thành quả