Change Post A Comment Message On Blogger With Text Or Image

Posted : Sunday, January 03, 2010 | Post Author : Paul Crowe | 43 comments

This is a neat trick to spice up your comment section on Blogger.In this post i will show you how to replace the ‘Post A Comment’ text we see above the comment form with a cool image.I will also give you a few images you can use or you can add your own image.I have some screenshots to show you exactly what we will be changing so lets get started.

Default Comment Message

add comment image blogger

Image Comment Message

So Lets add an image to your Comment section

Step 1. Click ‘Layout’ > ‘Edit html’for your blog.
Tick the ‘Expand widget templates’ box

Blogger layout

 

edit html blogger

 

Expand widget templates blogger

Step 2. Find the following code in your blogs html :

<data:postCommentMsg/>

Important – This code will be in your template more than once, you need to find the code wrapped in heading tags (Example – h2, h3, h4).So it will look similar to this :

<h4 id=’comment-post-message’><data:postCommentMsg/></h4>

Step 3. Pick an image below and Replace the code you found above with the image code.

Samples – Here is a list of images you can use :

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://1.bp.blogspot.com/_rKG-ziTSNUQ/TNre4f2TKXI/AAAAAAAACEI/hJTaA5PkDkk/s1600/comments+encouraged+card.jpg’/>

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TNre5kA-dzI/AAAAAAAACEM/zwpewBceVJ0/s1600/animated+comment+arrow.gif’/>

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre7OZCEzI/AAAAAAAACEQ/oNyvoWQOCuY/s1600/colored+comment+text.png’/>

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre828gxXI/AAAAAAAACEU/_fudrS2N6VA/s1600/comment+cloud.png’/>

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://4.bp.blogspot.com/_rKG-ziTSNUQ/TNre-ON_RUI/AAAAAAAACEY/oqOWegVu0HA/s320/comment+here+blue.gif’/>

Image Preview :

Comment here

Image code :

<a href=’http://www.spiceupyourblog.com’><img alt=’Best Blogger Tips’ src=’http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png’/></a><img alt=’Comment here’ border=’0′ src=’http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre_Q_HYQI/AAAAAAAACEc/iCmYoeUHYy8/s1600/comment+here+flowers.png’/>

You can use your own image instead if you need help doing this let me know and i will help.

Once you have replaced <data:postCommentMsg/> with the image code save your template and the image has been added.

Now to add your message above the comment form.

This is very easy simply, Click ‘Settings’ >’Comments’ for your blog as seen in the image below:

blogger comments settings

Now scroll down to ‘Comment Form Message’ put the message you want in the box provided scroll to the bottom of the page and click save.

Your message has now been added.

Thats it i hope you like your new comment form ! Check out more of our Tips for Blogger Comments.

Leave your comments, Views and Questions below.

43 comments:

  1. Love your suggested improvements. Never had “Post a Comment” show up in blog. Modified HTML as suggested, still no “Post Comment”

    Where did I go wrong?

    ReplyDelete

  2. Thanks Charles,

    I was going to take a look at your blog to see what the problem is but you have it on private or have not filled it in.

    Your bloggger profile can help get some hits to your blog..Click Edit profile in your dashboard if you do want to edit this.
    Anyway if you would like me to take a look leave a comment with the address of your blog.

    Paul.

    ReplyDelete

  3. Post was updated November 10th 2010.

    ReplyDelete

  4. Hi! What a fun way to enhance blog comments! Thanks very much. However, the code is not working on my blog for some reason. I followed the instructions to the letter and still nothing.

    ReplyDelete

  5. @ kelliegonzo You need to find and replace the code wrapped in heading tags (Example – h2, h3, h4).I have updated the post with better instructions that should get the job done for you.

    ReplyDelete

  6. @PaulCrowe As you suspected, haha, I was putting the code in another section. It’s working now and looks great! Thanks very much!

    ReplyDelete

  7. Very nice!added to my blog!

    ReplyDelete

  8. Very nice post! Thank you very much for the great trick. I will try to my blog. Thanks a lot!

    ReplyDelete

  9. resume writing serviceDecember 22, 2010 at 6:33 PM

    I was going to take a look at your blog to see what the problem is but you have it on private or have not filled it in.

    ReplyDelete

  10. @ Resume Writing – Which Blog Is On Private ?

    ReplyDelete

  11. Not working for me either. 🙁

    ReplyDelete

  12. Nice posting!

    ReplyDelete

  13. Hey, Paul, I continue to be impressed by all the great information you give out. Thanks!!!
    Happy New Year,
    Emily

    ReplyDelete

  14. great! this is what i ve been looking for. thanks paul!

    ReplyDelete

  15. thanks!!!

    ReplyDelete

  16. thanks..i very need this

    ReplyDelete

  17. I’m not getting this one Paul. I can’t figure out what I’m doing wrong?

    Have you thought about making ones that woman would like. You know more girly.

    Thanks!

    ReplyDelete

  18. I just can’t seem to make this work no matter what I do! I replaced the section of the code that you specified in all of the areas with the link to the image that I wanted to use, and no success… my blog is here if you want to take a look: http://kristileegibson.blogspot.com/

    I want to eliminate the comment and the comment numbers completly and just use this image: http://i449.photobucket.com/albums/qq218/kristileegibson/comment-icon.png

    Thank you for any help that you can give me!

    ReplyDelete

  19. @ Kristi – I know how frustrating it is when something wont work ! Go to your blogs html page, tick the expand widget templates box, copy all the code.The go to this site – http://pastie.org/pastes/new – Paste the code in the field provided, click paste in the bottom right, the page will reload, copy the URL of the page and use the contact me link in the menu bar above to send me the URL.

    ReplyDelete

  20. thanks alot. your post has been very useful to me. i just replaced post a comment with a very nice image. keep the good work. James

    ReplyDelete

  21. thanks alot. i just added the image to my blog. please keep the good work going. i have bookmark your site hoping it would spice up my blog. James

    ReplyDelete

  22. Thank you very much Paul for sharing this precious information about post a comment..

    ReplyDelete

  23. prophetic ministriesJuly 2, 2011 at 2:55 PM

    This is an awesome post, and you chose great topics for all of your posts in the blog. It has been a nice experience visiting your blog and I would like to return here for more new articles.

    ReplyDelete

  24. I have my own custom image I would like to implement into my comment form. How can I do this? Thanks so much! I’m loving all your tips and tricks!

    ReplyDelete

  25. @ Esther – In the code for the first image you would change this URL – http://1.bp.blogspot.com/_rKG-ziTSNUQ/TNre4f2TKXI/AAAAAAAACEI/hJTaA5PkDkk/s1600/comments+encouraged+card.jpg – With the URL for your image.

    ReplyDelete

  26. thx its work thx for your use full tips .. its always help thx

    ReplyDelete

  27. i can’t find <data:postCommentMsg/> with heading tags…
    i only found 1 <data:postCommentMsg/> …
    can you help me??

    ReplyDelete

  28. i tried so many times and doesn’t work in my blog

    ReplyDelete

  29. An awesome one. Inserted code for ‘comments ‘ in colors, that one just like above comment form here. Waited a week after a insertion. Not working. Unable to find where i am wrong. Any Help, Please ? Thank you with regards.

    ReplyDelete

  30. This comment has been removed by the author.

    ReplyDelete

  31. I have tried this tricks and I made it. Damn good tricks.

    ReplyDelete

  32. Gr8 its working

    ReplyDelete

  33. Cynthia Rodrigues ManchekarMay 22, 2012 at 1:13 PM

    Hi, I rarely get any comments on my blog so when I read this post, I was quite happy. I told myself, if there is anything that can encourage people to comment, it would be this. Much as I tried, though, I can’t get the image to actually show up on the blog. I tried each of the codes. All failed to show. I’m highly unsavvy in these matters. Can you tell me what went wrong?

    ReplyDelete

  34. Unable to find where i am wrong. Any Help, thank you newer looks

    ReplyDelete

  35. Really a nice post!!

    ReplyDelete

  36. I am very happy to visit your website. I like it.

    ReplyDelete

  37. wow…..your website helped me a lot

    ReplyDelete

  38. Thanks
    Although I prefer text only

    ReplyDelete

  39. Thanks, I’ll definitely use this on my photo blog!

    ReplyDelete

  40. thanks, that was a great trick. I’ll use my own picture

    ReplyDelete

  41. thank you great work and for sharing!

    ReplyDelete

  42. Great post!added to my blog!its really helpful .

    ReplyDelete

  43. Thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
    i am so glad that finally i got a simple and straight forward tutorial.

    ReplyDelete

Leave a Reply

Your email address will not be published. Required fields are marked *