Liên hệ quảng cáo
Liên hệ quảng cáo
profile card

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

Cập nhật: 25/04/2019 Bởi Duy... - A- A+

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!

@ngylduy, @688.in, @ngylduy, @ngylduy

Ngày ấy ɐnh ngỏ lời thương và yêu đậm sâu với ǝm, ǝm có tin ɐnh và nắm tay anh, mình cùng đi qua từng mùa đông rét buốt.
Nếu ngày ấy ɐnh là chàng trai mà ǝm ngày đêm ước ao, ..., thì giờ đây ɐnh đã có câu chuyện thật đẹp...

Tết Trung Thu rước đèn đi chơi em rước đèn đi khắp phố phường, lòng vui sướng với đèn trong tay em múa ca trong ánh trăng rằm. Trung thu là Tết thiếu nhi, mà sao người lớn cứ đi chơi nhiều đi nhiều nó lại làm liều, làm liều nó lại ra nhiều thiếu nhi.
Niệm StyleLớp Thủ Thuật123 ShareNhái BlogBlog VNITNgọc Ánh BlogMinh ĐứcHuyDC BlogBảo Trọng BlogLong An IT
Chong chóng

Subscribe to our Newsletter