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.
2. Tìm đến thẻ ]]></b:skin> và thêm đoạn CSS sau vào bên trên
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.
Đánh số thứ tự vào nhận xét - Blogger
1. Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML2. 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.
Bình luận Blogger
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !
0 nhận xét | Viết lời bình