Highlight Author Comments in Blogger in threaded comment System

Posted by Unknown

Highlight Author Comments in Blogger in threaded comment System
I told you before, Comments are the best way to make good relationship with your blog visitors / Followers.
Do you have a blog and do your blog getting comparatively good traffic then your blog also getting many comments, that may be positive or negative. getting comments related to how your interact with your visitors. Are you not interested to read full about this trick you can skip to trick Highlight Author Comments.


Many comments may be in your blog. How blog visitors identify or recognize your comment from these comments. There is accidental case that occur in most blogs is Many bloggers use their account name as Admin. If they comment in your blog or gives reply to other comments, the other visitors think that is the Admin of that blog. Do you have wish to highlight your comments in your blog? If so here is the trick to do that and make your comments recognizable to others.Here I am going to share the trick to highlight Author Comments in Threaded comments and this trick also work in basic commenting system. This is coded using simple Jquery.

How to highlight Author Comments in Blogger

  • Sign In to Blogger Dashboard
  • Go to Template -> Edit HTML
  • Find </body> and copy the following code above it

<script type="text/javascript">
    $(function() {
      function highlight(){
        $(&#39;.user.blog-author,.ssyby&#39;).closest(&#39;.comment-block&#39;)
          .css(&#39;border&#39;, &#39;1px solid #e1e1e1&#39;)
          .css(&#39;background&#39;,&#39;#f1f1f1 url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTC32VOlsthpN4zyf5yYeDlXZ4Cy2JO6kNnBgYiWv9J90OtMxC869FTdlxPov3SSXFYbzNVg9E__u62SW3BSMyezlCTJ3y48NdRJMSZrl-DhkyiMvWx8d48rfbwtzyvJ4ZgHPBCcVe-2w/s1600/admin_comment1.png&quot;) no-repeat bottom right&#39;)
          .css(&#39;padding&#39;, &#39;10px&#39;);
          }
          $(document).bind(&#39;ready scroll click&#39;, highlight);
                       });</script><a style="display:none" href="http://fe-blogger.blogspot.com">Blogger Widgets</a>
  • Click Save.
Congratulations you are done. If you enjoyed this article please like and share.

{ 1 comments... read them below or add one }

Muhammad Irfan said...

Nice Blogger Tips & Tricks keep it up :)

Post a Comment