Breaking

Thursday, 27 October 2016

How To Make Author's Comment Box Prominent In Blogger

highlight-author-comment-box-in-blogger

An author and a user comment on the same page without any distinguish. I think author's comment box should be prominent and unique as compared to others so that one may distinguish between both comments. Usually user's comment contains a question and author answers it in his/her comment. Therefore, there must be a difference for easy identification.

It is useful for any blog to have comment system because a user can communicate with author and other users easily through comments. Moreover, when a user posts a comment, he/she comes back to know any reply or remark to his/her comment. In this way, blog can maintain its traffic and get more page view on daily basis.

How To Make Author's Comment Box Prominent


As I already said that it is beneficial to make author's comment box unique. Here, we will discuss detailed procedure to achieve this goal. You just need to follow the describes steps.

  • Go to "Template" >> "Edit HTML".

highlight-author-comment-box
  • Click anywhere in coding area and press "Ctrl + F" (Mac users should press "Command + F").
  • A search bar will appear in coding section. In this bar, type </body> and press "Enter".
highlight-author-comment-box

  • Copy the following code and paste it above </body> tag.
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("#")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

  • Above mentioned code has some red-highlighted elements. You can change these according to your own wish. You can increase or decrease border size (currently it is 1px) or change colors. (HTML color scheme codes can be obtained from this website.)
  • Click ''Save Template" and go to your comment section. You will see a prominent box for author's comments.

Bottom Line


After making these changes, you and the visitors of your website will see a highlighted comment box for author. Post your comment below to give valued feedback or ask a question in case of any confusion.

No comments:

Post a Comment