Highlight Admin comments trong Blogspot

Như các bạn biết tất cả các comments ( của khách cũng như của chủ Blog ) mặc định đều có style giống nhau. Và sẽ thật khó khăn để xác định đâu là comments của quản trị Blog nếu một bài viết có quá nhiều comment.

Thủ thuật sau đây iTechPlus sẽ hướng dẫn các bạn tạo một style khác ( màu chữ, font chữ, đường viền,…) cho comment của chủ Blog ( author comments ).

Hình minh họa

* Cách thực hiện :

1. Vào Thiết kế > Chình sửa HTML > Click Mở rộng mẫu tiện ích

2. Dán code bên dưới vào trước dòng </b:skin>

.author-comments {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}

Đoạn code trên sẽ tạo đường viền cho admin comments, bạn có thể thay đổi background, màu chữ,…tùy thích.

3. Tìm đoạn code này :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-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>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

và dán code màu xanh ( in đậm ) vào như bên trên.

4. Save template.

Chúc các bạn thành công !

Theo Deluxetemplates