Đánh số thứ tự vào nhận xét - Blogger

Có bao giờ bạn nghĩ đến việc đánh số thứ tự cho các nhận xét trên website của mình chưa. Việc đánh số thứ tự cho nhận xét giúp chúng ta và khách truy cập dễ dàng xác định số lượng xét tại bài viết hơn, và cũng giúp khách một phần nào đó dễ nhìn hơn khi số lượng nhận xét quá lớn. Do đó hôm nay mình sẽ hướng dẫn các bạn đánh số thứ tự vào nhận xét tại Blogger.

Đánh số thứ tự vào nhận xét - Blogger

1. Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML


2. Tìm đến thẻ ]]></b:skin> và thêm đoạn CSS sau vào bên trên

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding: 10px;
padding-top: 3px;
margin-top: 7px;
margin-left: 10px;
position: relative;
z-index: 10;
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

3. Lưu lại template và bạn đã thành công!

Bạn có thể thấy ở trên mình đã sử dụng css để đánh số thứ tự vào nhận xét, do đó bạn có thể thay đổi kích thước font chữ, màu,... tùy ý tại phần css trên nếu cần. Do thủ thuật này chỉ sử dụng css cho nên tốc độ đánh số thứ tự và xuất hiện là rất lẹ, hầu như bạn và khách truy cập sẽ không cảm thấy sự thay đổi về tốc độ tải của website của mình.