Comment Blogger - Code CSS Nhận xét phân cấp cho Blogger

Như lần trước mình đã chia sẻ cho các bạn Code CSS Comment Blogger v1 thì hôm nay mình bắt đầu nghiên cứu và đi sâu thêm vào thiết kế khung comment phân cấp cho blogspot thêm đẹp hơn, dễ nhìn hơn. Sau những lần chỉnh sửa css phù hợp thì hôm bản V2 đã ra mắt, mời các bạn dùng ngay cho nóng.

Hướng dẫn thêm Comment Blogger V2

1, Đăng nhập vào Blogger.
2, Mẫu  » Chọn chỉnh sửa HTML.
3, Tìm đến đoạn ]]></b:skin> rồi copy toàn bộ Code CSS bên dưới dán vào trước thẻ đó :

#comments > h4{margin:5px 0 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;font-size:180%;color:#363636;border-bottom:4px solid #363636}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
.comments .comments-content .icon.blog-author{position:absolute;left:-3px;margin:0;top:38px;font-size:8px}
.comments .comments-content .inline-thread .icon.blog-author{left:-7px;top:35px}
.comments .comments-content .comment{margin-bottom:0}
.comments .comments-content .icon.blog-author::before{content:"Author";position:absolute;left:10px;top:4px;color:#C20404}
.comments .comments-content .comment-thread .inline-thread ol{background-color:#F8F8F8;padding:5px;margin-top:10px;border:1px solid #BDB9B9}
.comments .comments-content .comment-thread .inline-thread li,.comments .comments-content .comment-thread .inline-thread li:first-child,.comments .comments-content .comment-thread .inline-thread li:last-child{margin:0;padding:5px}
.comments .thread-toggle.thread-expanded{position:relative}
.comments .thread-toggle.thread-expanded::before{content:"";width:1px;left:-10px;top:-17px;height:55px;background-color:#BDB9B9;position:absolute}
.comments .thread-toggle.thread-expanded::after{content:"";width:10px;height:1px;position:absolute;background-color:#BDB9B9;bottom:-24px;left:-10px}
.comments .comment-block{margin:0;padding:5px 5px 5px 48px;border:1px solid #BDB9B9}
.comments .inline-thread .comment-block{border:0;padding:0 0 0 48px}
.comments .avatar-image-container{margin:5px 0 0 5px}
.comments .inline-thread .avatar-image-container{margin:0}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}

4. Lưu lại và comment thử trên blog của bạn để thấy kết quả.

Kết bài : chia sẻ chỉ mang tính " Ai thích " thì dùng, gạch đá gom vào mình chở một thể hjhj
Chúc các bạn thành công !