Tạo hình cho bộ đếm số comment trong bài viết cho blog

Cách thực hiện thủ thuật này như sau:


1. Truy cập vào Blogger: 
- Truy cập vào Blogger Bảng điều khiển (Dashboard)  >> Bố cục (Layout)   >>  Chỉnh sửa HTML (Edit HTML).
- Click chọn và ô check Mở rộng mẫu tiện ích (Expand Widget Templates).



2. Tùy biến đoạn code hiển thị số đếm comment:
- Tìm (Ctrl-F) đoạn mã sau (hoặc tương tự):

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h4>

- Thay thế chúng bằng đoạn mã:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
Đã có: <div style='padding : 30px 5px 0 0; clear : both; list-style-type : none; background : url(Đường dẫn URL của ảnh nền) no-repeat left; width : 68px; height : 65x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 24px; text-align: center;'>
<data:post.numComments/>
</div>
<data:commentLabelPlural/>
</b:if>
</h4>

Trong đó:
- padding : 30px 0 0 0 : là mã căn vị trí lề cho text. Bạn tùy chỉnh tùy chúng tùy theo mẫu của hình nền hiển thị. Thủ tự số lần lượt là : 30px căn trên (top), 5px căn phải(right), 0 căn dưới(bottom), 0 căn trái (left). 
- background : url(Đường dẫn URL của ảnh nền) : ảnh nền hiển thị số đếm.
- width : 68px; height : 60px; : là kích thước của ảnh nền.
- font-family:Verdana, Arial, Helvetica, sans-serif; : font hiển thị.
- font-size: 24px; : kích thức font chữ. 
- text-align: center; : Căn giữa cho font chữ.


3.Một số mẫu của ảnh nền Comment:
- Bạn có thể xem xét và lựa chọn 1 trong các mẫu sau để thay thế bằng cách [Right Click và "Copy Image Address/Location" để lấy URL các hình dưới: