How to Highlight Author’s Comments in Blogger

Highlight author comments system displays comments made by a post’s author in a unique style. Blogger has advanced and many latest codes are 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 comments highlight system displays for those who have enabled 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 Commens 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 Commens 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“)’)

Leave a Comment

Previous Article
Tips To Fix (and avoid) 500 Internal Server Error
Next Article
Affiliate Ads Vs. PPC Ads – What Works Better?