Highlight Author Comment function is to comment author (blog owner) is different from other people comment. Examples can be seen on this blog. To comment the blog owner will have no effect it border and others. Here I will lay out ways to make this Highlight Comment Author. now we see how to make Highlight Author Comment lets gooooooooooooo:)
1. Log in to blogger then open "Layout --> Edit HTML"
2. Check sign at "Expand Widget Templates"
3. Copy this script code before code ]]> or copy to css.
.comment-body-author {
background: #E6E6E6; /* Warna Background */
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;
}
4. Then search the codes as follows. Perhaps the code in your HTML will be different, although different tp try as closely as possible with the following 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'>
<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. Red code is the code that you have to add in your HTML. Position must be true, remember that.
6. If so, keep on the save your template.
These authors comment on the profile of the blog owner. Thus, so the effect appears before you have to comment on the blogger log in OK.
This only reply to the comments box of pure bloggers. Happy blogging :)
READ MORE»
1. Log in to blogger then open "Layout --> Edit HTML"
2. Check sign at "Expand Widget Templates"
3. Copy this script code before code ]]> or copy to css.
.comment-body-author {
background: #E6E6E6; /* Warna Background */
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;
}
4. Then search the codes as follows. Perhaps the code in your HTML will be different, although different tp try as closely as possible with the following 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'>
<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. Red code is the code that you have to add in your HTML. Position must be true, remember that.
6. If so, keep on the save your template.
These authors comment on the profile of the blog owner. Thus, so the effect appears before you have to comment on the blogger log in OK.
This only reply to the comments box of pure bloggers. Happy blogging :)