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 .
