Highlight Author Comments in Blogspot/Blogger

Highlight Author Comments System Displays Comments Made By A Post's Author In A Unique Style. Today I Will Show You How To Highlight Author Or Admin Comments In Blogspot/Blogger So That Your Comment As Administrator Stands Out From Comments Posted By Others. Blogger Has Advanced and Many latest Codes Are Added. So To Highlight The Author Or The Admin Comment In Blogger You Have To Just Apply Some Easy Trick To Activate It. This Highlight Author Comments System Displays For Those Who Have Enabled Threaded Comments System. We Have Attached A Screenshot Below So Anyone Can Easily Understand How Is This. Even I Am Also Using This For My Blog.  See Screenshot Below…

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(){
$(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
.css(&#39;border&#39;, &#39;Dotted blue 1px&#39;)
.css(&#39;background&#39;,&#39;#B2E7FD url(&quot;http://4.bp.blogspot.com/-I_yj6d0ooQA/URbfFE2TatI/AAAAAAAABQk/lykKTHhRAxA/s1600/www.mybloggerblog.com.png&quot;)&#39;)
.css(&#39;padding&#39;, &#39;10px&#39;);
}
$(document).bind(&#39;ready scroll click&#39;, highlight);
});
</script>
<!-- highlight author Commens ends -->

•  Save The Template. (All Done)

Customization:

If You Want To Change The Border Color Then Edit Blue (You Can Use Hex Code For A Specific Color).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")')

Tweet