How to change Blogger "Post A Comment" Message

While the main secret of getting comments is to have good friends and creating good content, sometimes it is difficult getting more comments when we have a brand new blog that is not visited very often. A pretty good technique is to put images to encourage visitors to comment.

This tutorial will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, below are some images that you can use but you can also add your own image, that depends on your tastes. So, let's proceed with the steps...

How to replace Post a Comment with an image

In order to replace "Post A Comment" message in Blogger / Blogspot, follow the steps below:

Step 3. Click anywhere on the code area, then press the CTRL + F keys and search for this code (if you can't find the entire code, then search only for the one in red and you should see the rest of it):

If you haven't found an image on your tastes, you can use your own image instead. Just upload your picture on Blogger, switch to Edit HTML tab, copy the image code and replace <data:postCommentMsg/> with your code.

UPDATE! Step 5. The first steps will replace the 'Post a Comment' text only when there are no comments available. To show the image each time new comments are added, add the code of the image after the 4th of the below code (you'll find it in more than one location):

<p><data:blogCommentMessage/></p>

Also, if you want to center the picture, just place the code in between the <center></center&gt tags like this:

<center><img src="Image-URL"/></center&gt

Step 6. Click the 'Save Template' button and you are done.

So this is how we can change Blogger 'Post a Comment' message or text. Hope you enjoy your new comment form!

42 comments:

Hi admin,I have a problem with this tutorial, I found 3 on my template. I have try to replace 2 and 3 of it. But it return "error". Please kindly help. I have a few problems too which I have sent you along with my mail. I will really apreciate your help. Thanks

Ah, you're right! Thanks for telling me. Didn't noticed the problem before. This works only for the previous commenting system and you have threaded comments enabled. Please add the image code after the 4th code from below (you'll find it 4 times):

I really like your comment designs and would like to try one. However, my Blogger will let me edit some widgets but won't allow me to Expand the default widgets. It also cannot find the red HTML data comment phrase under the C+F search.

None of this makes any sense to me. In the simple blogger templates the text for the comments button is "Add Comment" not "Post a Comment" as you say. On the rest of the templates I'm interested in there is simply the vague words "No Comments" which change to "1 Comment" and "2 Comments" ect. How does one get rid of this damned hidden button and replace it with any wording that will indicate to readers that it is the button to tap into to leave comments?

I guess you're referring to the "Add a comment" button in Dynamic View templates and to the "No comments" link in the Awesome INC or Simple templates. This trick only replaces the Post a comment TEXT that appears when you click on a specific post.

To change the links, go to Template, click on the Customise button, go to Advanced > Add CSS and add the following CSS:

This works for the Simple and Awesome INC template ("No comments" link):a.comment-link{font-size: 0px;}a.comment-link:before{content: "Click here to leave a comment";font-size: 14px;}

Or add this if you're using the Dynamic Views template ("Add a comment" button).comments-header h3{font-size: 0px;}.comments-header h3:before{content: "Click here to leave a comment";font-size: 14px;}

Replace the "Click here to leave a comment" text between the quotes with your own.

This may happen when you have backlinks enabled on your blog as they have the same selectors (.comment-link). You will need to add this CSS as well in the same location (please be careful to not remove any part of the code that you just added):