[Blogspot] Thêm xác nhận admin trong bình luận blogspot

Nhiều khi trong 1 bài viết sẽ có rất nhiều comment (bình luận) và thường thì nếu không để ý thì ta không thể biết được ai là admin của blog đó.
Vì vậy mà hôm nay mình sẽ chia sẻ cho các bạn 1 mẹo giúp phân biệt comment của admin so với những người khác nhé.
Ở đây chúng ta chỉ phải chỉnh sửa lại CSS tí ti thôi là có được kết quả như mong muốn rồi.
Demo các bạn có thể xem ngay tại những comment của mình.

Cách thực hiện: Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Các bạn nhấn Ctrl+F và tìm dòng hiển thị sau:
.comments .comments-content .icon.blog-author
Và xóa hết toàn bộ CSS bên trong ngoặc kép đi, đoạn cần xóa sẽ có dạng kiểu như này:

background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);

Bước 3: Sau khi xóa xong thì chèn đoạn CSS mới vô chỗ vừa bị xóa:

background: url("https://dl.dropboxusercontent.com/s/gp8fhc34w2rka9h/verified%20page.png") no-repeat scroll 0 0 transparent;

• Các bạn có thể thay link ảnh trên bằng bất kì icon nào bạn muốn.

Ngoài ra, còn có 1 cách khác nữa, không dùng link ảnh thay thế mà dùng kí tự thỏa sức cho bạn thay đổi theo ý mình.

Thay vì chèn đoạn CSS mới ở bước 3 thì bạn sẽ dùng đoạn code dưới đây:

.comments .comments-content .icon.blog-author:after { content: "Admin"; background: #FC5555; color: #fff; font-size: 11px; padding: 2px 5px; }

Bạn có thể thay giá trị content kia bằng 1 chữ khác hoặc 1 kí tự từ Font Awesome trong bài viết dưới:

Xem thêm: Bộ kí tự Font Awesome trong CSS

Hãy tùy biến đoạn Css mới đến khi bạn thấy phù hợp là được.

Cuối cùng thì lưu template lại và chiêm ngưỡng thành quả nhé.

Chúc các bạn thành công!

Code: tranbadat.info - windows2it.com 

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!