How to Highlight Author’s Comments in Blogger Blog

The highlight author comments system displays comments made by a post’s author in a unique style. Blogger has advanced and many latest codes have been added. So to highlight the author's comment in your BlogSpot/blogger blog you have to just apply some easy trick and then it will activate in your blog. This author's comments highlight system displays for those who have enabled the threaded comments system.

How to Add The “Highlight Author’s Comments” Widget to Your Blog?​

First Of All, Just Follow The Simple Steps Below:

• Login To Blogger >>Go To Template >Edit HTML >>Proceed >> Expand Widget Templates
• Now Find </Body>
• After getting this code Put The Below Codes Above </Body>

<!– Highlight Author Comments  Starts –>
<script src=’http://code.jquery.com/jquery-latest.js’/>
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', 'Dotted blue 1px')
.css('background','#B2E7FD')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!– Highlight Author Comments Ends –>

• Save The Template. (All Done)

Customization:
If you want to change the border color then edit blue. I have used a dotted border. Other options are (simply replacing ‘dotted’ with one of the following words): solid, dotted, dashed, groove, ridge, inset, etc.

• If You Want To Change The Background: For Plain Colors without Any Image, Replace Line 8 in the Code above With This: .Css(‘Background’,’ Green‘)
• If You Want More Choices Of Plain Colors, Use HEX Code Instead: .Css(‘Background’,’#B2E7FD‘)
• If You Want To Use Only A Background Image, Replace Line 8 In The Code Above With This: .Css(‘Background’,’ Url(“Your IMAGE URL HERE“)’)