Tạo bài viết

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!

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!


Tôi thích viết Blog để chia sẻ trãi nghiệm của chính mình. Tôi làm việc về Digital Marketing (SEO, Google Adwords, Facebook) và hy vọng sẽ có cơ hội hợp tác với bạn trong tương lai. Cùng chia sẻ kinh nghiệm mình có được