Thủ thuật đánh số thứ tự cho từng nhận xét trong Blogspot sử dụng CSS

Chào các bạn, chào mừng đã quay lại với Blog Bác Sĩ Windows.
Cũng lâu lắm rồi không có bài viết mới về thủ thuật blogspot do bận bịu nhiều công việc quá, với làm project sấp mặt nên không quản lý được blog. Sắp tới cũng có người khác cùng quản lý Blog này rồi do mình không có nhiều thời gian rảnh nữa nên tranh thủ viết được bài nào hay bài nấy! :D


Bài viết này mình sẽ hướng dẫn các bạn chèn số thứ tự vào từng nhận xét trong phần thread comment của Blogspot chỉ sử dụng CSS nên các bạn có thể tùy biến tùy chỉnh theo ý thích và không lo ảnh hưởng đến độ ổn định của blog.


Xem DEMO

Các bước thực hiện

Bước 1. Đăng nhập vào giao diện chỉnh sửa HTML.
Bước 2. Thêm CSS trước ]]></b:skin>
#comments {
     counter-reset: my-sec-counter
}

#comments .comment-thread li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    font-size: 16px;
    font-weight: 500;
    font-family:'Roboto',sans-serif;
    padding: 0;
    color: #666;
    float: left;
    margin: 42px 0 0 0;
    width: 35px;
    text-align: center;
}
Bước 3. Lưu mẫu.

Tổng kết

Với một đoạn CSS ngắn, đơn giản nhưng rất hay, dùng đánh số thứ tự cho từng nhận xét trong Blogspot. Còn nhiều kiểu đánh số thứ tự khác lắm, có thời gian mình sẽ giới thiệu đến các bạn.
Nếu thấy hay thì đừng ngại bình luận và chia sẻ nhé, chúc bạn thành công!
  1. Chắc nên sửa thêm ít CSS cho nó anh ạ

    Trả lờiXóa
    Trả lời
    1. Ừm em, mỗi template nó khác nhau hết mà, mang về phải chỉnh lại chút nữa.

      Xóa
  2. Trả lời
    1. Cố tình chụp cho dính :))

      Xóa
    2. Template anh đẹp ghê -.-, đúng là anh thiết kế đẹp thật :<

      Xóa
    3. Lỗi linh tinh nhiều lắm em ạ, sửa sấp mặt đây.

      Xóa
    4. Em biết mà :))) đằng sau 1 template đẹp, là bao nhiêu công sức miệt mài của người thiết kế đấy :))))))))

      Xóa
  3. Temp của bác sĩ trên mobile lỗi sml

    Trả lờiXóa
CÓ THỂ BẠN ĐANG TÌM