Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Blogger] Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách

Tác giả: - vào lúc:
Admin
Bài viết : 431
Points : 820
Like : 120
Punbb
Quản trị
Status : test
AdminACP
6/21/2017, 13:17
#1
Chào các bạn, theo yêu cầu của một bạn gửi đến Bác Sĩ Windows 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.

[Blogger] Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách BACSIWINDOWS-Tao-nhan-phan-biet-nhan-xet-cua-Admin

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


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ẻ đó

Code:

.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.

Code:

<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.

Theo : bacsiwindows.com