How To Highlight Authors Comments In Blogger

10:14:00 PM |

How to highlight the author comments in blogger blogs. This will help to Commenters can find author comments easily with this hack. Blog Author comments are highlighted differently to normal style. Many blogger are using this hack in their blogs. No other plugins are needed. Using a small Xml template hack we can change style of author comments. Installing of this hack little bit difficult to other hacks.



How to Add this ?
There Are Two Steps For This Hack

  1. Adding CSS Code
  2. Adding Xml Code

First Step:-
Note: Backup your template before applying this hack

Second Step:- Adding CSS code

  1. Login to your Blogger Dashboard
  2. Select Design Section
  3. Choose Edit HTML tab
  4. Check Expand Widgets (i.e., Tick Expand Widgets check box)
  5. Find ]]></b:skin> Tag in Your template
  6. Add Bellow code Before it

.comment-body-author {
background: #CEF6E3;
border: 2px solid #FA5858;
padding: 5px;
}
#Change Background and Border Colors as you need

Now Save your template

Third Step:- Adding Xml Code
Add this code very carefully

  1. Find the following section of code in your template
  2. I am not sure the code exactly like bellow
  3. But <data:comment.body/> tag must present in code
  4. So Find <data:comment.body/> tag and then select entire code like bellow

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

After finding code successfully then Add Bellow code Before it

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

and Add bellow code After it

</b:if>

After adding Above two codes then
Save your template and check your Comments

Your final change in code like bellow 
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>


Any difficult to install this then don't hesitate to ask me via comments.