Highlight Author Comment in Blogger / Blogspot

This is a blogger trick that will make highlight the author's comment and make the author's comment different from the readers....
Here is what to do to make a "Highlight Author Comment" effect in Blogspot.

1. Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
2. Check the "Expand Widget Templates" box.
3. Copy this script and put it before ]]></b:skin> or copy to your CSS area.


.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;
border-bottom: 1px dotted #223344;border-left:
1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}

4. Then find this code:

<dl id='comments-block'>
<b:loop values='data:post.comments'
var='comment'>
<dt class='comment-author'
expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment
.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id'
title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. The Orange color text is the code that you have to add to your script. The position must be right.
6. And then save your template.

* You have to login into your blogger account before to give comments

4 comments:

  1. If any problem in this blogger hack you can ask???

    ReplyDelete
  2. Wonderful and excellent blog, nice post. I saw your blog after suggesting by businessvartha. I love this and so proud to vote for this beautiful blog. I VOTED FOR YOU, I recommend your blog to other friends also. They too Voting for this blog. I hope you will help me also with your precious Vote. Just copy this link to your browser
    http://bloggerschoiceawards.com/blogs/show/70216

    ReplyDelete
  3. this kind of blog always useful for blog readers, it helps people during research. your post is one of the same for blog readers.

    ReplyDelete

Share your ideas with us, we will be very greatful to hear from you