How to Highlight Author Comments

Today I will be showing you how to highlight author comments on your blog and differentiate your comments from those of your visitors. Let your author status be known and stand out!

Step 1:


Log in to Blogger.
Click "Layout"



Step 2:


Once in Layout,
Click "Edit HTML"


Step 3:


Once under
Edit HTML,
expand widget templates


Step 4:
Hit CTRL + F in your web browser, and find the following code:

</head>

Immediately above that line of code, add the following:
*Feel free to customize the values to suit your needs*

<!--Blog-Author-Comment-Styling-STARTS-->

<style>

.comment-body-author {

background: #F5EDE3; /*Background color*/

color: #000000; /*Text color*/

border-top:2px solid #002F66;

border-bottom:1.2px dotted #002F66;

border-left:1.2px dotted #002F66;

border-right:2px solid #002F66;

line-height: 2.4em; /*Space Between Lines of Text*/

margin:0;

padding:0 0 0 20px; /*Position*/

}

</style>

<!--Blog-Author-Comment-Styling-STOPS-->

Step 5:
Now You will need to find the following code and add the sections in green:

<data:commentPostedByMsg/>

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

Save your work. Your author comments should now be highlighted!