Tạo nhãn phân biệt admin và khách (p1)

Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách
Tips này khá đơn giản thôi, với vài dòng CSS là có ngay một nhãn Admin rồi :)

Cách 1. Dùng CSS

Thêm CSS bên dưới vào trước thẻ ]]></b:skin> trong Template.

.comments .blog-author a:after {
 content: "Admin";
 background: #f17a7a;
 color: #fff;
 padding: 0 10px;
 margin: 0 0 0 8px;
 font-weight: 400;
 border-radius: 4px;
 pointer-events: none
}

Cách 2. Dùng Javascript

Thêm đoạn js bên dưới vào trước thẻ </head> hoặc </body> trong template.

<script>
$(function() {
    function highlight() {
        $('.user.blog-author,.ssyby').closest('.comment-block').css('background', 'linear-gradient(50deg,#ffffff,#f4f4f4)').css('padding', '0');
    }
    $(document).bind('ready scroll click', highlight);
});
</script>

Chỉ với một đoạn mã CSS ngắn gọn thôi bạn đã dễ dàng tạo được nhãn phân biệt giữa admin và khách rồi đó, thủ thuật này sẽ không làm ảnh hưởng gì đến blog cả và nó cũng giúp phần bình luận của bạn trông "ngầu" hơn đó! Chúc bạn thành công.