Highlight Blog Owners/Authors Comments In BlogSpot Blogs

Highlight Blog Owners/Authors Comments In BlogSpot Blogs

If you want to display your own comments, with a different background or text color or in any other customized way, then here’s a simple hack for doing that.
After doing the coding work, all the comments made by you on your blog will get highlighted.

To do this;
Log in to Blogger, go to Layout -> Click on “Edit HTML” tab.
Then click on “Expand Template Widgets

Now search for this line:

</head>

Immediately above this, add these lines:

<!–Blog-Owners-Comment-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;
margin:0;
padding:0 0 0 20px; /* Posotion*/
}
</style>
<!–Blog-Owners-Comments-STOPS–>

The code in red are just comments, accordingly you can change the BLUE values. You can even use pictures as background images for your comments, for adding an image as background use this code:

background: url(https://DIRECT_LINK_OF_THE_IMAGE.jpg) ;

Border has two attributes one thickness ( in above example its 1.2 px u can change accordingly), another is border line ( in above example its solid u can change it to dotted accordingly). Line-hieght is width , increasing this can increase it width . Margin and padding define the position of comment withing comment box.

Now once this is done, see the code below:

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

The code in RED is what you have to add.

Now save the template and tell everybody that you are the Admin of the blog 🙂

Leave a Reply

47 Comments on "Highlight Blog Owners/Authors Comments In BlogSpot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Sahar
Guest

This didn’t work 🙁 any suggestion on what I could have done wrong?

and is there a way to change how all the comments look instead of just the owners? The comments page is so ugly, lol.

View Comment
Blogger templates
Guest

In your template, serarch for something similar to this:

/* —– COMMENT —– */
#comments {
margin: 0px 0px 0px 0px;
padding: 15px 20px 15px 20px;
text-align: left;
color: #4c4c4c;
font: $commentTextFont;
border: 1px solid #ccc;
background:#fff;

}

/* comment-header */
#comments h4 {
margin: 10px 0px 0px 0px;
padding: 3px 0px 3px 0px;
color: #1C4991;
font: $commentTitleFont;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}
……….
……….
……….

You can edit them to custmize your comments section !

View Comment
Kwame Owusu
Guest

You only provided a way to change the body of the author’s comments. What about a way to change the author’s comment head?

View Comment
iFant
Guest

Hatur Thank Q U!
Banyak nge-Bantu nich..!!

View Comment
Casey (EcOnomical Mom)
Guest

Thank you. This really helped me. Everything else that I found didn’t work. After adjusting the colors, it’s perfect. Again, thanks!!

View Comment
Divya Sai
Guest

Welcome Casey !

View Comment
Soufiane
Guest

it doesn’t work for me, i try to do what u say and nothing is working.

i also try ur hack to show comment autor image and it’s not working!

i don’t understand why ! i found nearly the same codes. driss chraibi

View Comment
Divya Sai
Guest

As we have already discussed i think your comments section are quite modified….anyways comment-author is not working due to some changes at blogger.com and not due to any error in the hack.

Tell me what exactly is the problem you are facing in this hack.

View Comment
kpopster - K
Guest

i made it!!! thanks for sharing!

View Comment
Soufiane
Guest

well, i don’t have the same code so i placed the code in the wrong place, but i tried many times ~x( and it’s fine now thank u

View Comment
ELLA
Guest

hi,

I made and now i can't add smiley to my comments????

But other visitors can, what can i do ?

View Comment
Divya Sai
Guest

Give me your blog's address Ella, I know the solution but I have to check your code first !

View Comment
Lindahoang
Guest

Hi Sai,
Thanks again for this hack tip. It's so great! :))

View Comment
Wez
Guest

It worked for me!! Thanks!

View Comment
L. ANSA
Guest

Yay! Thanks!!

View Comment
Mark
Guest

This is what I've been looking for! Now my blog can finally become complete.

Tnx for this tip.

View Comment
Sai @Blogger Templates
Guest

Glad to help you Mark 🙂

View Comment
Poker News
Guest

I have inserted but some error shows up, can you please check my blog and lemme know.

Kattrine

View Comment
Divya Sai
Guest

What's the url of the post where you have tried it?

View Comment
Amanda
Guest

Thank you very much! It worked beautifully!

View Comment
wpDiscuz