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.




useful article…thanks and keep share
thanks for share !!
Thanks a lot

Blogger Plug n Play´s last blog ..Message Box Like WordPress With Close Button Using jQuery For Blogger Blogs
thanks, I’ve done it on my blog and did a few changes