在评论栏留言怎么通过高亮区分作者与网友

怎么（如何）打造漂亮blogspot模板教学课程系列专辑

在评论栏留言怎么通过高亮区分作者与网友

博客流量大了，评论多了，看的有些眼花缭乱，通过什么来区分，能使眼睛看的舒服些呢？

好了，现在跟大家分享：

先备份原始模板
后台 页面设置，选修改html，勾选展开小窗口范本
找到

<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-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<b:if cond='data:comment.author == data:post.author'>
<p>
<div class='comment-me'>
<data:comment.body/>
</div>
</p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</b:if>
</dd>

这里有了个新的定义红色部分

然后在css中添加.comment-me定义

.comment-me {
margin-right: 35px;
margin-bottom: 5px;
color: #666666;
font-size: 8pt;
line-height: 1.5em;
background-color: #E0ECFF;
border: 1px dotted #C0C0C0;
padding:5px;
}

高亮区的外观就在这个定义里修改，包括颜色，距离，行距，等。自己设计，变化多样。

注意：我在用代码时发生过以下问题怎么解决了，主要是思路问题。
例如：找不到这些代码，那是由于你这个模板已被多人修改。
例如：~~~~~~~~~~~~~~~

好了，就分享到这，有问题，我们多交流。

參考來源：
How to Style and Highlight Author Comments