[46]
Thủ thuật: Thêm chú thích cho nhận xét của chủ blog
Nguồn: duypham



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. 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ụ của mod trong forum vậy.


CÁCH THỰC HIỆN

1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sữa HTML

3. 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)-->
<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)*/
/*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 3: Save template. (Lưu mẫu)

THE END.