Tạo số đếm nhận xét cạnh tiêu đề bài viết

Tiện ích này sẽ thống kê số comment trên bài viết và hiển thị nó cạnh tiêu đề bài viết, giúp người đọc biết bài viết đó có bao nhiêu bình luận.

#Thêm CSS

1. Đăng nhập Blogger

2. > Mẫu > Chỉnh sửa HTML

3. > Tìm thẻ ]]></b:skin> 

4. > Dán code dưới vào trên 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;
} 

Mình cung cấp cho các bạn một số hình ảnh làm nền, các bạn nhớ thay liên kết ảnh vào đoạn màu đỏ

#Thêm HTML

1. >Đây là bước ta xác định vị trí xuất hiện của số đếm, ta cân tìm được đoạn code của tiêu đề bài viết vì mục đích của chúng ta là đặt số đếm cạnh tiêu đề. Nhưng tùy vào người thiết kế mà thẻ tiêu đề rất khác nhau, có thể là h1 , h2 hoặc h3. Nếu bạn không hiểu cấu trúc Xml của template của mình thì khó để tìm, tuy nhiên hầu hết ác thẻ tiêu đề đều có class giống nhau, đó là:

post-title entry-title

Các bạn chỉ cần tìm với class trên là ra thẻ tiêu đề, khi tìm sẽ ra hai đoạn và chúng ta cần đoạn thứ 2.
2. > Khi tìm ra code thẻ tiêu đề ta sẽ dán code bên dưới vào trên  thẻ đóng của tiêu đề tương ứng.

<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>

3. > Ví dụ code dưới là code của tiêu đề bài viết

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

                    <b:if cond='data:post.link'>
                      <a expr:href='data:post.link'>
                        <data:post.title/>
                      </a>
                      <b:else/>
                      <b:if cond='data:post.url'>
                        <b:if cond='data:blog.url != data:post.url'>
                          <a expr:href='data:post.url'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <data:post.title/>
                        </b:if>
                        <b:else/>
                        <data:post.title/>
                      </b:if>
                    </b:if>
<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>
                  </h1>
                </b:if>

Thẻ tiêu đề mà mình tìm ra là

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

Vậy thẻ đóng tương úng là thẻ

</h1>

Chúng ta sẽ chèn code ở bước 2 vào trên thẻ đóng </h1>
4. > Save