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 1. Log into your Blogger account and select your blog.
Step 2. Go to “Template” and press the “Edit HTML” button
|Accessing Blogger template editor|
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):
<a expr:href=”https://helplogger.blogspot.com/2012/03/data:post.addCommentUrl” expr:onclick=’data:post.addCommentOnclick’>
…and for this one too:
Step 4. Replace <data:postCommentMsg/> with one of the below image URLs:
<img src=”https://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png” />
<img src=”https://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png” />
<img src=”https://4.bp.blogspot.com/-wX61ZaQ1piI/T3M3FKUaGhI/AAAAAAAABkQ/y409edvuAQA/s1600/animated+comment+arrow.gif” />
<img src=”https://1.bp.blogspot.com/-bIOcD7FxKXw/T3M4LpQ0XFI/AAAAAAAABkg/z_sHmmnKwgs/s1600/leave+a+comment2.png” />
<img src=”https://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif” />
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 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):
Also, if you want to center the picture, just place the code in between the > tags like this:
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!