Hiển thị tổng số bình luận cho bài viết trên tiêu đề cho blogspot

Blogger Thủ thuật

{ 0 comments }

Add Comment Count to Blogger BlogThống kê và hiển thị số lượng các ý kiến trong mỗi bài viết cũng là cách để tăng tính tương tác giữa blog và bạn đọc. Đôi khi đó cũng là một thước đo cho bài viết chất lượng.
Trước tiên chúng ta hãy cùng tìm hiểu về comment và lý do tại sao lại cần hiển thị số lượng comments cho blogspot?

Comment là gì?

Comment dịch sang nghĩa tiếng Việt là bình luận, đưa ra lời nhận xét hoặc trong giới blogger gọi chung là Bình luận, nhận xét, ý kiến phản hồi, một vài bạn gọi đùa là chém gió riêng mình gọi là Còm bla bla 🙂

Một số tác dụng của việc hiển thị số Comment

– Hệ thống bình luận trên mỗi blog làm tăng tính tương tác giữa người đọc và người viết, nó cũng thể hiện sự tôn trọng giữa người viết bài và người đọc bài.
– Khi các bạn đọc bài và để lại phản hồi thì còn là một động lực ý nghĩa giúp các blogger viết bài.
– Một số blog cho phép đặt backlink dofollow và đó lại là một hình thức khác của comment.
– Số lượng bình luận đôi khi là thước đo cho chất lượng của bài viết. Điều này dựa vào hiệu ứng đám đông nữa. Có nhiều người phản hồi thì sẽ tăng mức độ tin tưởng.
– Và còn nhiều tác dụng nữa mà không thể liệt kê hết ra được.

Có nên thống kê và hiển thị số lượng bình luận cho mỗi bài viết hay không?

Tất nhiên là có vì những lý do trên và hàng ngàn những lý do khác nữa 😛
Trong bài viết này tôi chỉ hướng dẫn các bạn hiển thị số Comment của các trang Blog sử dụng nền tảng Blogger của google.

Xem thêm  Tìm hình ảnh miễn phí với Google Advanced Image Search

Nên hiển thị số lượng thống kê bình luận ở đâu?

Các bạn có thể hiển thị số lượng ý kiến phản hồi ở bốn vị trí:
1. Ngay bên tiêu đề bài viết (áp dụng cho bài viết này).
2. Ngay trên tiêu đề bài viết.
3. Ngay dưới tiêu đề bài viết (như blog của tôi đang áp dụng)
4. Dưới cuối bài viết.

Cách hiển thị số lượng ý kiến ngay bên tiêu đề bài viết (Post Title) như thế nào?

Bước 1: Đăng nhập vào trang quản lý của Blogspot chọn blog muốn chỉnh sửa và chọn Mẫu(Template)—Chỉnh sửa HTML(Edit HTML)

Bước 2: Tìm đoạn code sau

 ]]> </ b: skin>

Thêm vào bên trên:

.comment-count {
float : right;
width : 48px;
height : 48px;
background : url(IMAGE URL);
background-repeat: no-repeat;
font-size : 18px;
position:absolute;
margin-top : -15px;
margin-right : 2px;
text-align : center;}

Bước 3: Xem các hình bên dưới hãy chọn một hình phù hợp sau đó click chuột phải chọn Copy Image Location (Copy Image URL)
      Bubble Comment Count in blogger     Bubble Comment CountAdd Bubble Comment CountBubble Comment CountBubble Comment Countbubble comment bloggerbubble comment bloggerbubble comment bloggerblogger tips, blogger tricksblogger widgets, bubble comment count  blogger comments, comment count      
Thay link vừa copy được vào chỗ của IMAGE URL trong đoạn code ở bước 2

Bước 4: Tiếp tục tìm kiếm code

<h2 class='post-title entry-title' itemprop='name'>

hoặc đoạn code nào có

<h2 class="’post-title’">

Thêm vào bên dưới:

<b:if cond='data:post.allowComments'>
<a class='comment-count' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

Nhấn Lưu (Save) Template sau đó xem kết quả của mình nhé!

Các bạn cũng có thể tham khảo bài viết: Sử dụng font awesome để thay thế cho việc phải load quá nhiều hình ảnh cồng kềnh 🙂

Góp ý cho Tô Triều