Tạo màu chữ, nền comment riêng cho chủ blog

Giới thiệu: Để tạo sự khác biệt cho màu chữ comment hay màu nền comment của chủ blog đối với các comment của khách ghé thăm, thì thủ thuật sau sẽ giúp ta thực hiện việc này. Như vậy, nền và màu chữ comment của tất cả khách giống nhau, chỉ trừ comment của tác giả blog là có sự khác biệt.


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 ]]></b:skin> 

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

/* Màu chữ, nền comment riêng cho chủ blog (1)*/
.author-comments { 
     background:#2EE389; /*Màu nền*/
     color:#000000; /*Màu chữ*/
     padding:5px 5px 15px 5px;
}

Bước 2: Tìm đoạn code có dạng như sau: (*)

<div class='comments-body'> 
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if></div>

Hoặc có template có dạng thế này:

<dd class='comments-body'> 
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if></dd>

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

<!-- Màu chữ, nền comment riêng cho chủ blog (2)-->
<b:if cond='data:comment.author == data:post.author'> 
<div class='author-comments'> 
<p><data:comment.body/></p> 
</div> 
<b:else/>

- Và thêm vào sau đoạn code (*) thẻ đóng </b:if>


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

THE END.