How To Highlight Author Comments in Blogger

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 'Ctr
l' + F to open your browser's search box)


Now paste following codE 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
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blogger Templates - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger