Highlight author Comment in blogger

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>

.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'>
<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 blue color text is the code that you have to copy and paste. The position must be right.

6. Save your template.

4 Responses to “Highlight author Comment in blogger”

  1. Blogspot Template 13. May, 2009 at 9:19 pm #

    useful article…thanks and keep share

  2. sandip 07. Nov, 2009 at 12:41 pm #

    thanks for share !!

  3. Blogger Plug n Play 19. Nov, 2009 at 8:13 am #

    Thanks a lot :)
    Blogger Plug n Play´s last blog ..Message Box Like WordPress With Close Button Using jQuery For Blogger Blogs My ComLuv Profile

  4. Samsul 14. Apr, 2010 at 7:59 am #

    thanks, I’ve done it on my blog and did a few changes :-)

Leave a Reply

CommentLuv Enabled