Short Comment CSS blogger - Rút gọn khung nhận xét

Short Comment là code css giúp khung nhận xét của blogger gọn gàng, dễ nhìn hơn. Bên cạnh đó nó loại bỏ các comment con và tập trung vào các comment cha. Có thể bạn sẽ thấy nó hơi giống với box comment facebook. Và tôi muốn nó nhỏ gọn như vậy.

Hướng dẫn

1. Vào Blogger > Mẫu > Chỉnh sửa HTML
2. Tìm kiếm (Ctrl + F) từ khóa:
3. Thêm CSS sau vào trước nó

/* Short Comment - http://www.sunf5.net/
---------------------------------------------*/
#comment-editor {background: #fafafa;}
#comment-post-message {display:none}
.comments h4{color: #444;font-weight: 600;font-size: 16px;}
.comments .comments-content .comment{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;display:block}
.comments .comments-content .comment:first-child{padding-top:10px}
.comments .avatar-image-container{float:left;max-height:50px;overflow:hidden;width:50px}
.comments .avatar-image-container img{max-width:50px;height:50px;width:50px}
.comments .comment-block{margin-left:65px;position:relative}
.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0 0 5px}
.comments .comments-content .datetime{margin-left:0;position:absolute;top:0;right:0;font-size:12px;display:none}
.comments .comment-block:hover .datetime{display:block}
.comment-actions.secondary-text{display:none}
.comments .comments-content .comment-replies{margin-left:0;margin-top:0}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin-top:20px;font-size:14px}
.comments .thread-toggle{display:none}
.comments .continue{cursor:pointer;display:none}
.comments .comments-content .comment-content{text-align:left}

4. Lưu template và xem kết quả.