Thêm Một Hình Comment Ngộ Nghỉnh Ngay Tiêu Đề Bài Viết

Có một bong bóng số bình luận cho mỗi tiêu đề bài viết blogger làm cho blog của bạn hấp dẫn hơn. Điều này cải thiện không chỉ số bình luận của bạn mà còn cho phép khách truy cập của bạn để xem các bài viết phổ biến nhất trên blog của bạn là gì. Nếu bài viết có thêm ý kiến ​​sau đó nó sẽ cho thấy sự phổ biến của bài viết cho độc giả và khách truy cập của bạn. Vì vậy, hãy bắt đầu thêm tính năng này để tiêu đề bài viết blog của bạn bằng cách hiển thị tổng số các ý kiến ​​cho Blogger bài viết của mình:

Bước 1.

 Nếu bạn đang sử dụng giao diện Blogger cũ:
Bảng điều khiển - Thiết kế - Edit HTML - Expand Widget Template (tạo bản sao lưu)
Nếu bạn đang sử dụng giao diện mới của Blogger:
Chuyển đến Bảng điều khiển - Template - Edit HTML - Tiến hành - Expand Widget Template (tạo bản sao lưu)
Bước 2. Tìm (CTRL + F) đoạn mã sau đây trong mẫu của bạn:

]]> </ b: skin>

Bước 3. Đặt mã này ngay phía trên]]> </ b: skin>:
comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsw8pD5Ec6VXXtD1aUb2F-dp3phqf7ZMdd34LnZnS4XNcNWP6tj4NNsekqGxKMeGgRGS5iuRDiCyf7ygjfHlXePeOpZTRveHLqUzH86Ebt798Pjgvafrc3OEaAvYKCbYmdDOWCir4B85Pt/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
} 


Bước 4.Bây giờ tìm thấy mã bên dưới:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Lưu ý: Nếu bạn không thể tìm thấy nó, tìm kiếm mã này thay vì:

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

Bước 5. Thêm mã này ngay sau khi nó:

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


Bước 6. Xem trước mẫu của bạn và nếu mọi thứ đều ok, Lưu Mẫu.

Bạn có thể chọn một trong những hình ảnh dưới đây (Nhấp chuột phải vào hình ảnh mong muốn và chọn "Địa chỉ hình ảnh Copy / Location" - dán thay vì các mã màu đỏ từ bước 3