Tạo huy hiệu 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ẻ đó
.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(){$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;).css(&#39;background&#39;,&#39;linear-gradient(50deg,#ffffff,#f4f4f4)&#39;).css(&#39;padding&#39;, &#39;0&#39;);}$(document).bind(&#39;ready scroll click&#39;, 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.
nhé. Chúc bạn thành công!

Nguồn : Bác Sĩ Windows


20 nhận xét:

  1. Đua của Bác Sĩ Windows thì ghi nguồn cái

    Trả lờiXóa
    Trả lời
    1. -_- t có ghi nguồn đấy chớ

      Xóa
    2. Nặc danh22 tháng 6

      Còn nhiều bài copy từ bacsiwindows.com mà chưa có nguồn lắm đấy, xem mà thêm vào!

      Xóa
  2. Muốn tạo cho bạn thứ 2 cùng quản trị có luôn chữ admin hoặc mod thì sao anh

    Trả lờiXóa
    Trả lời
    1. Nói Gì Chưa Hiểu CHo Lắm :v Nói Rỏ Rỏ Tí :p

      Xóa
    2. Cái này không có cách nha bạn! Chỉ có cách trên thôi, ai viết bài mới có cái chữ Admin

      Xóa
  3. sao không được ad nhỉ >"<

    Trả lờiXóa
    Trả lời
    1. Còn phụ thuộc vào Template nữa bạn. Thẻ class đổi thì TUT này sẽ khó áp dụng hơn.

      Xóa
  4. AD xem giúp em thử blog em phần này đc ạ, có vài cái em mò mãi k ra
    kimsinhit.net

    Trả lờiXóa
    Trả lời
    1. Bạn phải chuyển sang chế độ bình luận blogger thì mới hiện được cái trên nha, chứ đấy là comment google rồi!

      Xóa
    2. vâng, để chuyển thử ạ :v

      Xóa
    3. chuyển rồi ad ơi mà vẫn còn :v

      Xóa
    4. Bạn đã chuyển đâu mà còn với không còn ?

      Xóa
    5. chuyển r mà ta :v ad có mail hem giúp em phát :v

      Xóa
    6. tuananhle732@gmail.com

      Xóa
  5. mỗi cái blog mà 3 ngày chưa xong dở hơi quá :v

    Trả lờiXóa
  6. Làm thế nào để có style bình luận giống starcuongit ạ?

    Trả lờiXóa

➥ Nhập địa chỉ Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
➥ Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
➥ Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.