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.
In this tutorial I want to show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I added a few cool images that you can use but you can as well add your own image, that depends on your tastes. So, let's start adding it!
blogger post a comment

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 in to Blogger, go to your Blogger Dashboard and select your blog.

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

blogger template edit html
Screenshot
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 addresses:

<img src="http://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png" />


<img src="http://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png" />


<img src="http://4.bp.blogspot.com/-wX61ZaQ1piI/T3M3FKUaGhI/AAAAAAAABkQ/y409edvuAQA/s1600/animated+comment+arrow.gif" />


<img src="http://1.bp.blogspot.com/-bIOcD7FxKXw/T3M4LpQ0XFI/AAAAAAAABkg/z_sHmmnKwgs/s1600/leave+a+comment2.png" />


<img src="http://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif" />
You can use your own image instead. Just upload your image 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 text only when there are no comments available. To show the image each time new comments are added, we should add the code of the image we want to appear after the 4th of the below code (you'll find it in more than one location):
<p><data:blogCommentMessage/></p>
If you want to center the picture, just put the code between the "center" tags... like this:
<center><img src="Image-URL"/></center>
Step 6. Save Your Template.

Thats it! I hope you like your new comment form!

    Random Posts

75 comments:

  1. Very nice tricks, and your blog also looks beautiful. I like your blog theme.

    Visit ShineMat

    ReplyDelete
  2. Thank you! like they say one picture is worth a thousand words. Images are so much more attractive than just plain words, and it's amazing how it can upgrade your site's look.

    ReplyDelete
  3. good comment img thnk you

    ReplyDelete
  4. What an incredible article you posted. I would like to thanks for this precious blog reading. I have to confess your great effort. Keep posting more articles in the future.

    ReplyDelete
  5. It’s good information for knowledge and really very useful for my job.thanks for this, the steps are really good

    ReplyDelete
  6. 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

    ReplyDelete
    Replies
    1. Thank you so much for your help! My blog lay out looks much better now. You are amazing and like to help others. I am always waiting your new tutorial to improve my blog. Wish you all the best... :)

      Delete
  7. hallo admin,

    Looks like this tutorial only works on the first comment, the image didn't appear on the second, thrid etc comment. Please check...

    http://hyip-hall-of-fame.blogspot.com

    Best Regards,
    leela

    ReplyDelete
    Replies
    1. 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):

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

      Now it should work. All the best!

      Delete
    2. omg i dont understand this one can u pls. elaborate?:)

      Delete
  8. thanks!! Regards by Blogger INDONESIA! ^_^

    ReplyDelete
  9. Very different post. The comments will be look more pretty :)

    ReplyDelete
  10. You have make this thing so easy with your trick. Keep posting such an amazing ideas for all of us that will help us a lot in the future.


    ReplyDelete
  11. Woa, its very beauty image.
    Thank helpblogger.
    Your post is very good. Keep in touch :)

    AskIam,
    -The Best Antivirus

    ReplyDelete
    Replies
    1. Very nice tricks, and your blog also looks beautiful. I like your blog theme.
      www.infokilat.com

      Delete
  12. I will make available to you a few cool images or you can add your own image if you like.

    ReplyDelete
  13. Your blog is great I like it very much, the hope can become the friend with you.

    ReplyDelete
  14. That was Helpful , thanks x

    http://hevastyle.blogspot.co.uk/

    ReplyDelete
  15. i didnt know we can do that....
    thanks bro

    ReplyDelete
  16. It's wonderful!! Thank y

    ReplyDelete
  17. wow Awesome brother

    ReplyDelete
  18. Great tutorial but i just can't get it to show up on my blog for some reason... have followed all the steps a few times but it just removed the post a comment text and does not replace with the image.

    ReplyDelete
  19. nice tricks sir all your widgets is working on my blog thanks you veryyyyyyyy.

    ReplyDelete
  20. Hi,
    Thanks for the article. However in the post page, after a comment, the image slides to the bottom of the page. How can I rectify this?

    Thanks,
    Deepti.

    ReplyDelete
  21. Thanks Bro!
    what if ,i only have to change the text "Post a comment" to some other like 'leave a message'

    ReplyDelete
  22. Anonymous2/16/2013

    Greetings from Ohio! I'm bored to tears at

    work so I decided to check out your blog on my iphone during lunch break. I really like the information you provide here and can't wait to
    take a look when I get home. I'm

    surprised at how fast your blog loaded on my mobile .. I'm not even using WIFI,

    just 3G .. Anyhow, excellent site!
    Also visit my blog :: Animalsinbaths.blogspot.ru

    ReplyDelete
  23. nice tricks for blogger, create a more attractive.
    thanks... regards

    ReplyDelete
  24. Thanks for article,i like it very much and your blog also looks beautiful

    ReplyDelete
  25. Anonymous3/19/2013

    Thanks for the blog post, can you make it so I receive an email

    sent to me every time you write a new post?
    Feel free to visit my web-site ... http://familystars-romasmamma.blogspot.fr/

    ReplyDelete
    Replies
    1. I have added an email subscription box to my blog (under the Facebook box). Thanks for visiting :)

      Delete
  26. Anonymous3/20/2013

    Hey I knοw this іs off topic but I was wondering if you knew of anу
    wіdgets I coulԁ aԁd tο my blog that autοmаtiсally tweet my neωest tωitter updatеs.
    I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

    my webpage santa fe travel guide

    ReplyDelete
  27. It not work with my blog, please help me :(

    ReplyDelete
  28. Thanks for the information, big help.

    ReplyDelete
  29. I am am also blogging on blogger blog. Thanks for providing tips.

    ReplyDelete
  30. It is one of the best comment method to be used in blog. Thanks.

    ReplyDelete
  31. Thanks for providing nice tips for bloggers blogs.

    ReplyDelete
  32. I once was able to make this work on an old blog. does not seem to work on the new one.. sad face..

    ReplyDelete
  33. Anonymous5/03/2013

    Yes, i am agree with you. Really knowledgeable Post.

    ReplyDelete
  34. That was a nice tutorial. I used to visit on different sites to find such tutorials. Thanks for sharing, I will definitely try this. I have already bookmarked this page for reference. Thanks again.

    ReplyDelete
  35. Thanks for sharing this post.. I was search such a kind of informative post and finally done it.! I had changed my blogger post a comment .. Thanks


    Funny images download

    ReplyDelete
  36. A good blog with exciting content, that's what I need. Thank you for keeping this site

    ReplyDelete
  37. Awesome trick. Continue to share cool stuff :)

    ReplyDelete
  38. I give up, I couldn't do it lol

    ReplyDelete
  39. Yeah it's true that Pictures are more expressible than Words. But in this article your words expressed beautifully thoughts. :-)
    Read some more related article on http://systronic.com.au.
    Thank you.

    ReplyDelete
  40. pics are good rather than past a comment text

    thanx a lot

    ReplyDelete
  41. Good one friend. I have a small doubt. What to do if I want to show some message (something like, thanks for commenting, i will answer it soon.. etc) instead of those images? Is there any trick for that? Thanks in advance :)

    ReplyDelete
  42. Wow... i think this blog is useful and keep blogger dude... make tips seo moore (",)

    ReplyDelete
  43. good article for blogger. I will try, of course, will add to the beauty of the blog.

    ReplyDelete
  44. Great inventory, even so I would love stay with tet comments. Days of "text in image" are gone now. Even Unicode replaced your necessity of "text on image".

    ReplyDelete
  45. 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.

    ReplyDelete
  46. thank you very much bro

    ReplyDelete
  47. Hey Admin ! You write awesome post,
    .Thank You.

    ReplyDelete
  48. Oke sip thanks ya .. is very good

    ReplyDelete
  49. Thank you very much for sharing

    ReplyDelete
  50. i try.. i get a error..
    i try again.. 100working..thanks admin

    ReplyDelete
  51. Okeh deh .. Makasih ya udah mau share ..

    ReplyDelete
  52. I am very impressed your blog. And thank you for your kind imformation.http://holapsrestaurant.blogspot.in/

    ReplyDelete
  53. thanks for sharing i am new to bloging so it will be so useful for me thanks for sharing.

    ReplyDelete
  54. This is very helpful for a new blog.

    ReplyDelete
  55. Too Much Spamming In Comments..!! How To Prevent This..? I think we should enable comments to registered users so Name/Url and Anonymous Spam Comments Will Not Appear..!!

    ReplyDelete
  56. Nice share, worked great on my blog.
    Thanks a lot. Keep sharing.

    ReplyDelete
  57. Really nice idea, I am just starting a new blog and this really helped, thanks :)

    ReplyDelete
  58. article useful, how to add
    widgets under the posts?

    ReplyDelete
  59. nice blog i am get many information for this blog very thanks ful to all of !

    ReplyDelete
  60. i have HD Wallpapers site and i want to put post comments option on it so how can i?

    ReplyDelete