Highlighting author Comments

Highlighting Author Comment is Essential for the Tutorials Hosting Blog like Me.But Why To Highlight Author comment.The Answer probably is the reply of Author can be Easily Founded by Visitor.When a Visitor raise some Question they will be back thinking that Author may have Replied their question.If the author comment is not highlighted they may not found the answer even author have answered it.It Helps to differentiate the Comment of Author and Visitor.The Tutorial is based on changing the Background of Comment section of authorIf you want to make like this follow the below steps:

Highlighting the Author Comment in Better Way:

The comment can be highlighted by using a Simple code.It is very easy if you follow the below steps.

1. Go to Blogger.com(You will be In Blogger Dashboard)
2. Click on Design in Old interference for new clik on dropmenu and click on Template.
3. Click on Edit Html
4. Tick on Expand Widget
5. Find this below 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>
   <data:commentPostedByMsg/>
   </dt>
   
       <!-- Comment Highlighter Starts  -->
   <b:if cond='data:comment.author == data:post.author'>
   <dd class='comment-body-author'>
   <p><data:comment.body/></p>
   </dd>
   <b:else/>
       <!-- bloggersinker.blogspot.com Ends  -->
   
   <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>

6. Remember find the code which is similar to this.As you may have different template.For Example the code <dl id='comments-block'> is similar to the code         <dl expr:class='data:post.avatarIndentClass' id='comments-block'> So find similar to this but not exactly.
7. Add the lines  13,14,15,16,17,18,19,30  in your Html editor.

Styling the Author Comment Highlighter

To make the code in action we need to style the code.For that do this.

1. Find the tag  ]]></b:skin>
2. Add the following code just above it.

   .comment-body-author {
   background: #ffffff;
   padding: 5px;
   }

3. You can add the more styling codes.
4. To change background replace #ffffff with Html code(Hex code)You can find the HTML color code from my blog.
5. Make your comment attractive to looks.
6. The Result looks like this
7. Bye.Cheers

Subscribe At free
Thank you for visiting FacebookSinker.blogspot.com. Please don't miss any of the updates by subscribing to our RSS feed or email updates.