Thursday, October 20, 2011

[Thủ Thuật] Chú thích riêng cho nhận xét của chủ blog

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 Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
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)-->
<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>

Thay  http://www.blogger.com/profile/04825632223752574790  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 4: Save template. (Lưu mẫu)
NGUỒN:
http://www.blogger.vnabout.com/2011/10/chu-thich-rieng-cho-nhan-xet-cua-chu.html

No comments:

Post a Comment

Popular Posts