This trick is to give a Highlight Author
Comment . This will make the blog's owner comments looks different
from the visitors comments. It's very usefull and interesting blogger hack
tips. You can see the example in my blog. Here is what to do to make a
"Highlight Author Comment" effect in Blogspot.
1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.
.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px
dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted
#223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}
4. Then find this code:
<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='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body-author'>
<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>
5. The red color text is the code that you have to add to your script. The position must be right.
6. And then save your template.
* You have to login into your blogger account before to give comments.
Comments
Post a Comment