Change Author's Comment (Click to Large)

I am writing this article to separate the the Author's Comment on Blogger posts. You can highlight and Customize Author's Comments Differently from others visitors comments and This is very Easy & Important step that you need to do as possible as time because Author's Comments is very prominent, Helpful and Important. The blogger comment block consists of three important sections which are listed below

• Comment-author
• Comment-body
• Comment-footer

Now in this Guide I'll show you that you want "To Change Author Comment's Color, Design and Style" In Bloggers. So Let's go with me to start...

Before Do this trick in your blog, Authors Comments Shown Like this

Change Author's Comment (Click to Large)

Change Author's Comment Style & Color In Blogger

( Highlight and Customize Author's Comments In Blogger )

1. First Login to Blogger >> Template >> Edit in Html
2. Backup Your Template for Safety.
3. Tick (Check) "Expand widget templates" box.
4. Then Find below (Ctrl + F)

]]></b:skin>

5. Now Just above it paste (Ctrl + V) The Below CSS Code

.Walia-comment-body {
background: #FFFFFF;
color: #008000;
border: 1px solid #008000;
margin:0;
padding:0 0 0 10px;
width:520px;
}

Make some Customization (Changes)

• To Change the Background Color of Author's Comment, Change #FFFFFF;
• To Change the forn color of Author comment, change #008000;
• To Change the size of border change  1px to yours. And to Change Border style change solid to Dotted, Dashed or Solid And to change a Color of border change #008000;to yours as your wish. 
• To Change the width of the Comment body change 520px.

6. Now Again in your template Seach Carefully Below's Similer code..

<data:commentPostedByMsg/>
</dt>
<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>

8. Replace above code with the following code

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'><dd class='mbt-comment-body'><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>

8. Now Save your Template and you are Done :)

Now you can visit your blog and see the Authors Comments is seeing differently from others like this

Change Author's Comment (Click to Large)

If you have any Question , Any Problem or any Suggestion Please Comment below.I would be Glad to helping you. Thanks..