twitter
    Find out what I'm doing, Follow Me :)

Highlighting Author Comments

If you want to , you can highlight your ( i mean , author's ) comments. I have used that trick in my blog too. How ever you can't do this by just clicking some buttons. you have to edit the template of your blog.




All right now lets see how to do this.First of all



1. Edit your Template
2. Find out
</head> ( press 'Ctrl' + F to open your browser's search box)


Now paste following cod lines just above </head>


<style>
.comment-body-author {
background: #FAC090;
color: #000000;

border-top:1px solid #971915;border-bottom:1px solid #971915 ;border-left:1px solid #971915;border-right:1px solid #971915;

line-height: 2.4em;
margin:0;
padding:0 0 0 20px;
}
</style>



Now search for this code line

<data:commentPostedByMsg/>

Now paste these code lines just below the above line

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


Just after you paste the above code , scroll down. Now you will see some code lines similar to these

<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>

Now paste this little peace of code below the end of above lines

</b:if>


Now follow the Safety Saving Steps.

And




Here are some explanations about the author comment changes...


1. background: #FAC090; stands for background color of your comment box
2. color: #000000; font color
3. border-top:1px , border-bottom:1px solid ..... Thickness of border around the comment box
4. border-top:1px solid #971915 border color

0 comments:

Post a Comment