Change Post A Comment Message On Blogger With Text Or Image




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


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

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 post! Thank you very much for the great trick. I will try to my blog. Thanks a lot!

    ReplyDelete
  8. 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
  9. @ Resume Writing - Which Blog Is On Private ?

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

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

    ReplyDelete
  12. 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
  13. 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
  14. @ 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
  15. 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
  16. 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
  17. Thank you very much Paul for sharing this precious information about post a comment..

    ReplyDelete
  18. 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
  19. 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
  20. @ 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
  21. thx its work thx for your use full tips .. its always help thx

    ReplyDelete
  22. i can't find <data:postCommentMsg/> with heading tags...
    i only found 1 <data:postCommentMsg/> ...
    can you help me??

    ReplyDelete
  23. i tried so many times and doesn't work in my blog

    ReplyDelete
  24. 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
  25. This comment has been removed by the author.

    ReplyDelete
  26. I have tried this tricks and I made it. Damn good tricks.

    ReplyDelete
  27. 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
  28. Unable to find where i am wrong. Any Help, thank you newer looks

    ReplyDelete
  29. I am very happy to visit your website. I like it.

    ReplyDelete
  30. wow.....your website helped me a lot

    ReplyDelete
  31. Thanks
    Although I prefer text only

    ReplyDelete
  32. Thanks, I'll definitely use this on my photo blog!

    ReplyDelete
  33. thanks, that was a great trick. I'll use my own picture

    ReplyDelete
  34. thank you great work and for sharing!

    ReplyDelete
  35. Great post!added to my blog!its really helpful .

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

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us