Hướng dẫn làm nổi bật Author 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 Author nếu một bài viết có quá nhiều comment. Thủ thuật sau đây mình 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;
}

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 !

Sưu tầm từ deluxetemplates.net

Vinatechs