Home » , » Highlight Author Comment

Highlight Author Comment


This trick is to give a Highlight Author Comment . This will make the blog's owner comments looks different from the visitors comments. It's very usefull and interesting blogger hack tips. You can see the example in my blog. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.

Login to blogger, then choose "Layout --> Edit HTML". Don't forget to backup your template first.
Check the "Expand Widget Templates" box.
find this piece of code  
and paste code below before the code you found.
.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;
padding:0 0 0 20px; /* Posotion*/
 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:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>

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


<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<b:include data='comment' name='commentDeleteIcon'/>
The red color text is the code that you have to add to your script. The position must be right.
And then save your template.
* You have to login into your blogger account before to give comments.
Share this games :


Post a Comment

Sign up for FREE daily Updates.