[44]
Thủ thuật: Tạo màu chữ, nền comment riêng cho chủ blog
Nguồn: Sưu tầm



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
2. Chọn: Mẫu > Chỉnh sữa HTML

3. 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.