How to replace Post a Comment with an image 2017

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.

blogger post a 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 1. Log into your Blogger account and select your blog.

Step 2. Go to "Template" and press the "Edit HTML" button

blogger template edit html
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='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
...and for this one too:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Step 4. Replace <data:postCommentMsg/> with one of the below image URLs:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjE4WEG7ttC1HekIl3MD2EMm3QcWBo7M9ctxhV_RH5LV5tj5wZ6FYjdn-_RfukXlGW5Y0US6EtbOjr_CRsL9Jgs6LG5ANrOXy5X5ajWDMWi6K9eRN-x12Bw97XJkg9hcwTERF_Ankl3Q/s1600/leave+a+comment.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTpg09fzk9696XQM7WsfPLI9vuyn_RCDTxoXYnl2Y3syXBYbmSlSBra75aWt31yMQPxdmn4vIgnEhaGc-veS8l1t22NR0RKPWXcdS_CyolD_S34vFVEYdcOGn21Sf45HVQvUmhXXmOrDk/s1600/Post+a+comment+blogger.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovJyxyLya7cQpmeSr-LuJR2dc3hYnSXk5YBRAODTMXDYcY89ANAMrqtAFA6yeWGCll6SoQqepcMAs__0L_ewfqSla-k9o5tLqtDHIMf14Erd1CLxvdEhmUvpcTgyj-CFBmzjhkOsMi0ug/s1600/animated+comment+arrow.gif" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwKsFsrD_ijKRp_jgb36-23KyGSn5GOZy4O4K7D9H7qq9QYx-XQbJG_LgvHE-qjAOHwse_SkOMizw3I8_oje8fVhFdKPrDZ1tERuxDUHSesZy5R4s-rh66ELoYdM4Zz_KB1RPnzhh4e7g/s1600/leave+a+comment2.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ0JJmsEzSd0mD5v5a5tSS-pkv9FMjhmZ6RSdDB9m2XPc0kYXmnyaUkJIuup5N2u7L_rgbQ03FK2zHiEhhtsxYhVJuxDGkNCqL80JN3Bc3xJ8vYk9QIvpgmkDRK7DpQ38ArMaY_MFTWu8M/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 <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> tags like this:
<center><img src="Image-URL"/></center>

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!

7 comments:

  1. Aw, this was an incredibly good post. Finding the time and actual
    effort to make a really good article… but
    what can I say… I hesitate a lot and never seem to get anything done.

    ReplyDelete
  2. Hi there, its good post concerning media print, we all be aware of media is a impressive source of facts.

    ReplyDelete
  3. Divorce,drama, loss of a job, health conditions about yourself or someone you value - these things happen. Also you can become feeling very hungry and
    overeat the next time you obtain your hands on some food.
    If you are serious on losing weight and desire to
    achieve good health, you must do many adjustments inside your lifestyle.

    ReplyDelete
  4. Hi there to every body, it's my first visit of this weblog; this blog contains awesome
    and truly good information in favor of readers.

    ReplyDelete
  5. I was very happy to find this web site. I wanted to thank you for
    your time just for this wonderful read!! I definitely loved every part of it and I have
    you book-marked to check out new things in your website.

    ReplyDelete
  6. Superb, what a webpage it is! This webpage provides useful data to
    us, keep it up.

    ReplyDelete
  7. Hi, I desire to subscribe for this webpage to take newest updates, thus where can i do
    it please assist.

    ReplyDelete