Background Patterns

Color Scheme

Mới nhất:

Lập trình C

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

Danh Thanh Liêm
Xem thêm:
Chào các bạn, theo yêu cầu của một bạn gửi đến Thanh Liêm Blog 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(){$(&#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.
Tut By: Thanh Liêm
THE END
Đánh giá hôm nay:
{[['']]}
Tạo nhãn phân biệt nhận xét của admin và nhận xét của khách Reviewed by ADMIN on July 23, 2017 Rating: 5
Hãy viết bình luận của bạn ở mục Nhận xét để được trả lời sớm nhất.

1 comment :

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé

:)
:))
:D
=))
:(
:((
:o
^_^
^-^
/f
^.^
/g
.
;)
-_-
==
/r
-.-
:p
/o
/hi
/ok
/clap
(y)
(3)
.

Bản quyền(tác giả web) thuộc về: Danh Thanh Liêm, Blog này là: Thanh Liêm Blog © 2017 - 2018
Powered By Danh Thanh Liêm , Thiết kế bởi Danh Thanh Liêm | Facebook

Biểu mẫu liên hệ

Name

Email *

Message *

Powered by Blogger.