Sunday, February 20, 2011

How to Highlight Author comment in blogger post

1. Log in to your blogger account and Go to Design >> Edit HTML

2.  First of all download your full template.because if you make some wrong
    you can recover it.

3. Put checked marked in Expand Widget Templates

4. Find this tag by using Ctrl+F                  <span class='deleted-comment'>

5. After found it  you will see like this code.

<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<b:include data='comment' name='commentDeleteIcon'/>
</b:if>

6.your template may be different.so don't worry ,
   you have to select tag above code.shown in red

7. Paste below code  between  <span class='deleted-comment'> and  </b:if>
<!--Highlight Author Comments Start-->
<b:if cond='data:comment.author == data:post.author'>
<p class='comment-body-author'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<!--Highlight Author Comments End-->

8. your code will show like this.

<span class='deleted-comment'>
<!--Highlight Author Comments Start-->
<b:if cond='data:comment.author == data:post.author'>
<p class='comment-body-author'><data:comment.body/></p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<!--Highlight Author Comments End-->
</b:if>

9. After find this tag   ]]></b:skin>

10. paste below code before ]]></b:skin> tag

p.comment-body-author {
background: #eeeecc;
border: 2px solid #335577;
padding: 5px;
color:#558866;
}

11. Now click Preview and click save template.you are done.

0 comments:

Post a Comment