在评论栏留言怎么通过高亮区分作者与网友
怎么(如何)打造漂亮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
发表评论