Khắc phục lỗi bình luận disqus không hiển thị trên blogspot

Sau khi tích hợp thành công bình luận disqus vào trong blogspot, rất nhiều bạn đã gặp phải trường hợp bình luận hiển thị không ổn định. Chúng ta có thể dễ dàng kiểm tra lỗi này bằng cách sau : truy cập một bài viết bất kỳ rồi nhấn F5 để tải lại trang, bình luận disqus sẽ lúc có lúc không.


Khắc phục lỗi bình luận disqus không hiển thị trên blogspot


Nguyên nhân : do tiện ích mở rộng (widget) của disqus với blogspot chưa thực sự đồng bộ khiến cho việc tải mã xử lý bị dừng lại và tất nhiên là chúng ta sẽ không thể thấy được bình luận trong trường hợp này.

Hướng xử lý : thay thế tiện ích này bằng một đoạn mã mới. Hiểu đơn giản hơn, chúng ta sẽ copy - paste y nguyên đoạn mã trong tiện ích ra bên ngoài - phần code của blogspot.

Bước 1 : Xóa bỏ tiện ích mở rộng của disqus

- Bên menu trái của blogger, chọn Bố cục. Khi đó các tiện ích mở rộng sẽ được hiển thị, nhấn vào Chỉnh sửađể tiến hành xóa bỏ tiện ích của disqus.


Các tiện ích đang được sử dụng trên blogspot

- Chọn Xóa bỏ


Xóa bỏ widget mở rộng của bình luận disqus

- Lưu lại tiện ích.

Bước 2 : Copy mã mới cho bình luận disqus

- Bên menu trái, chọn tiếp Mẫu ⇒ Chỉnh sửa HTML
- Copy đoạn mã sau vào chỗ bạn muốn hiển thị bình luận disqus
- Mỗi trang disqus của người dùng đều có tên miền con dạng abc.disqus.com ví dụ 123itvn.disqus.com , hãy thay thế Nam CủPeo trong đoạn mã bên dưới bằng cụm abc đó.
- Lưu template lại.

<script type='text/javascript'>
var disqus_shortname = &#39;Nam CủPeo&#39;;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#comments {display:none;}
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement(&#39;script&#39;
bloggerjs.type = &#39;text/javascript&#39;;
bloggerjs.async = true;
bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
(document.getElementsByTagName(&#39;head&#39[0] || document.getElementsByTagName(&#39;body&#39[0]).appendChild(bloggerjs);
})();
</script>
</b:if>
<style type='text/css'>
.post-comment-link { visibility: hidden; }
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement(&#39;script&#39;
bloggerjs.type = &#39;text/javascript&#39;;
bloggerjs.async = true;
bloggerjs.src = &#39;http://&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
(document.getElementsByTagName(&#39;head&#39[0] || document.getElementsByTagName(&#39;body&#39[0]).appendChild(bloggerjs);
})();
</script>

Nhấn F5 để kiểm tra xem bình luận hiển thị ổn định chưa nhé