Công nghệ thông tin: Thêm số thứ tự cho comment(theo luồng) của Blogger

Thứ Hai, 5 tháng 8, 2013

Thêm số thứ tự cho comment(theo luồng) của Blogger

Dưới đây là ảnh minh họa cho việc đánh số thứ tự cho comment phân cấp của Blogger

Thủ thuật này đơn giản chỉ dùng CSS đánh số thứ tự các bình luận theo thời gian,về hình thức nó làm cho blog của bạn thêm pro còn về thực chất thì cũng không cần thiết lắm.Nếu bạn nào thích thì lấy dùng.
Chọn chỉnh sửa HTML và tìm tới thẻ ]]></b:skin> dán trước nó đoạn code sau rồi lưu lại:

.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-left: 10px;/* Điều chỉnh văn bản cách trái */
padding-top: 3px;/* Điều chỉnh văn bản cách đỉnh bong bóng */
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEige9On1wPDn6k5g_fggrkYwMINiBwrBeNdcF0pXlALqyBRNLS9U0gYAfHHu9SNEIN984H15ifyXv1Y55aJvexY3ds1DbHQZL9Th5ZBO924d37vssGRBvq_x7lRVHBn3wJBk9l2ohW-Rz00/s1600/comment+bubble2+dtc.png) no-repeat;/* Ảnh bong bóng có thể thay thế theo ý thích */
margin-top: 7px;/* Điều chỉnh vị trí bong bóng */
margin-left: 10px;/* Tăng giảm giá trị */
width: 50px;/* Chiều rộng bong bóng */
/*image-width size*/
height: 48px;/* Chiều cao bong bóng */
/*image-height size*/
}

.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;
}