Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách
Chào các bạn, theo yêu cầu của một bạn yêu cầu mình chia sẻ nhãn màu đỏ dưới phần bình luận có chữ “Admin”. Cái này giúp người khác có thể phân biệt giữa tác giả bài viết/admin và người thường.
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
Bước 1. Đăng nhập Blogger
Bước 2. Vào trang chỉnh sửa HTML.
Bước 3. Tìm thẻ ]]></b:skin> và dán đoạn CSS này vào trước thẻ đó
.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}
Bước 4. Lưu mẫu.
CÁCH 2. DÙNG JAVASCRIPT
Bạn chèn đoạn script này trên thẻ </head> là được.
<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.