Làm sao để nhận xét của tác giả blog trở nên độc đáo ?

Nếu các bạn đã từng xem qua blog mình, chắc hẳn các bạn có thể thấy rằng khi mình nhận xét , khung nhận xét của mình đặc biệt hơn so với nhận xét của khách , đây cũng là một thủ thuật hay . Bạn có muốn thử không ? Nếu có xin mời xem hướng dẫn chi tiết của bài viết !
Đầu tiên , hãy vào Trình bày (Layout) chọn tab Chỉnh sửa HTML (Edit HTML) và bật Mở rộng Mẫu tiện ích . Nhớ là sao lưu template trước khi sửa nhé !
Hãy tìm đoạn code sau

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</dt>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Sau khi đã tìm thấy , các bạn xóa đoạn code trên và thay bằng code này

<ul class='commentlist' style='margin: 0; padding: 0;'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>

<li class='author-comments' style='margin: 0 0 10px 0;'>
<b:if cond='data:post.dateHeader'>
<div class='commentcount'/>
</b:if>
<cite>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite>
<br/>
<div style='clear: both;'/>
<b:include data='comment' name='commentDeleteIcon'/>
<p><data:comment.body/></p>
<div class='commentlink-date'><a class='commentlink' expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a></div>

<div class='clear'/>

</li>


<b:else/>

<li class='general-comments' style='margin: 0 0 10px 0;'>
<b:if cond='data:post.dateHeader'>
<div class='commentcount'/>
</b:if>
<cite>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</cite>
<br/>
<div style='clear: both;'/>
<b:include data='comment' name='commentDeleteIcon'/>
<p><data:comment.body/></p>
<div class='commentlink-date'><a class='commentlink' expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>
</a></div>
<div class='clear'/>
</li>

</b:if>
</b:loop>
</ul>

Bạn đã hoàn tất bước trên chưa ? Nếu rồi thì bây giờ , hãy tìm thẻ ]]></b:skin> và thêm vào ngay trước đoạn code sau (đây là để thay đổi thuộc tính của comment)

.author-comments {
background: #FFF8C6;
border: 1px solid #333333;
color: #319D0B;
padding: 5px;
}

Trên đây là code hiển thị comment của tác giả từ blog mình, các bạn có thể thay đổi tùy theo ý thích. Vậy là các bạn đã tạo một phong cách độc đáo cho comment của mình rồi đấy . Nếu có thắc mắc hãy comment bên dưới . Chúc vui !!!