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.
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.
Làm Thế Nào Để Thêm Số Blogger Threaded Bình Luận?
1- Đăng nhập blog
2- Vào thiết kế
3- 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/AVvXsEi3ygkdkb0o0IVIv6wm3AbWjVx0o6hTCOHZVUfb9yiaBCHfTXBaDMTLNA7URRItPtMtr2oO91UEZijyRlBYWEyLwwndzxaEZpa-pFl_lfQ6vzsYyFBfkr4G7xCEKI9tdNA8PEhW8pQO1mWT/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;
}
sau rồi lưu lại:
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/AVvXsEi3ygkdkb0o0IVIv6wm3AbWjVx0o6hTCOHZVUfb9yiaBCHfTXBaDMTLNA7URRItPtMtr2oO91UEZijyRlBYWEyLwwndzxaEZpa-pFl_lfQ6vzsYyFBfkr4G7xCEKI9tdNA8PEhW8pQO1mWT/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;
}