Thêm chú thích cho comment của Admin

GIỚI THIỆU 

Một thủ thuật khá hay giúp tạo sự khác biệt cho comment của chủ blog (Admin). Ta có thể thêm chú thích vào sau tên chủ blog là admin chẳng hạn. Giống như việc chú thích chức vụ trong forum vậy. 
Trong ảnh trên có chú thích "Chủ nhà" bên cạnh Admin Đến Đỗ Văn.
Các bạn có thể xem thêm trong blog chính thức của DVD TẠI ĐÂY


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sửa HTML) 
3. Mở rộng HTML. 
4. Chèn script 

Bước 1: Tìm dòng code
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>  

- Thêm vào sau nó đoạn code sau:

<!-- Thêm chú thích cho nhận xét của tác giả bài viết (1) www.donaldquyen.com-->
<b:if cond='data:comment.adminClass == data:post.adminClass'>
 <span class='admin-comment'>(Admin)</span>
</b:if>  
Thay “Admin” thành Chủ blog, Tác giả bài viết,… hay bất cứ gì bạn muốn gán.

Bước 2: Nếu blog có nhiều người viết bài, có lẽ bạn muốn thêm ghi chú khác nhau sau mỗi tên. Ví dụ như: Cộng tác viên, khách mời,.v.v

- Trong đoạn code ở bước 1, tìm thẻ đóng </b:if>
- Thêm vào trước nó đoạn code sau:

<b:else/>
<b:if cond='data:comment.authorClass == "blog-author"'>
 <b:if cond='data:comment.authorUrl == "http://www.blogger.com/profile/04825632223752574790"'>
  <span class='author-comment'>(Cộng tác viên)</span>
 </b:if>
</b:if>  

http://www.blogger.com/profile/04825632223752574790 // Thay thành link profile của bạn muốn đưa vào.
- Nếu muốn thêm nhiều chú thích tác giả nữa thì cứ lặp lại code trên.
- Hoặc chú thích chung cho các tác giả được mời cùng viết blog, ta dùng code sau:

<b:else/>
<b:if cond='data:comment.authorClass == "blog-author"'>
   <span class='author-comment'>(Cộng tác viên)</span>
</b:if>  

Bước 3: Tìm dòng ]=]=></b:skin> 

- Thêm vào trước nó đoạn code sau:

/* Thêm chú thích cho nhận xét của tác giả bài viết (2), www.donaldquyen.com*/
/*Admin*/ 
.admin-comment{
    background:#FCFCE5; /*Màu nền*/ 
    color:#339966; /*Màu chữ*/ 
}

/*Cộng tác viên*/ 
.author-comment{
    background:#fff; /*Màu nền*/ 
    color:#3366ff; /*Màu chữ*/ 
}  

Bạn có thể thêm các thuộc tính khác như: đường viền, font chữ, cỡ chữ,v.v

Bước 4: Save template. (Lưu mẫu)

Nguồn:
http://donaldquyen1.blogspot.com/2013/04/them-chu-thich-cho-nhan-xet-cua-chu.html