Change Colour or Highlight of Author Comments in Blogger

Today , the post is about on How to Highlight of Authors comments in BLogger @ how to do this activity So, i am going to explain you in simple methods. Just Following the Steps .. !

#Step 1: Go To Yours Blogger >> Design >> Edit HTML
#Step 2: Check "Expand widget template" Box
#Step 3:Then Search for this .

]]></b:skin>                    
#Step 4: Just above it paste the CSS code below given,

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

You can use the following to make changes to suit your blogs:
To Change the background color of author comments change #008000
To change font color change #FFFFFF
To change border size change 1px, to change border style change to solid, dashed or dotted  and to change the color of the border change #FFFFFF
To change the width of the comment body change 474px (My blog comment body is 474)
Tip: You can use the color generator/chart from HTML's Colour Codes to make the above changes

#Step 5: Next search carefully for this code in your beautiful template,

Tips : Press Crtl +F and search for one line at a time

<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> 

#Step 6:  Replace it now 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>

#Step 7: Save your template , its done!
Thats it Finished .