Buffer

How To Replace "Post a Comment" Message in Blogger With Image Or Text

By Durodola Ridwan | Sunday, October 07, 2012 | 10 Comments

You can replace post a comment message that appears at your blogger comment box header section with image, text or even both. Most bloggers replace it with comment policy, so as to notify commenter with the rules and regulations guiding comments in their blog. I have some cool image which you can use to replace the post a comment message at your comment box header section.
See the example of what we are talking about in the image below.




How To Change Post A Comment Message

  • Go to your blogger dashboard
  • Click on "Design" > "Edit HTML" (Old blogger interface)
  • Click on "Template" > "Edit HTML" > "Proceed" (New blogger interface)
  • Mark/Tick "Expand Widget Template" (Remember to back up your template)
  • Use ctrl F to find the code below.


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

Now replace the code highlighted code above with any of the image code below.


Image Style 01




Image Code

<a href='http://www.realcombiz.com'><img alt='Get Blogger Tips' src='http://4.bp.blogspot.com/-pzcXyDYy9xI/UHGl24zEopI/AAAAAAAAB1w/2W2PFvrdLfs/s1600/get+blogger+tips.png'/></a><img alt='Comment here' border='0' src='http://1.bp.blogspot.com/-ZsH2LHKKFp4/UG_nbBma0GI/AAAAAAAAByc/TpAR-SkLkOE/s1600/comment+preview+1.png'/>



Image Style 02




Image Code

<a href='http://www.realcombiz.com'><img alt='Get Blogger Tips' src='http://4.bp.blogspot.com/-pzcXyDYy9xI/UHGl24zEopI/AAAAAAAAB1w/2W2PFvrdLfs/s1600/get+blogger+tips.png'/></a><img alt='Comment here' border='0' src='http://3.bp.blogspot.com/-nv2hq0j3gP0/UG_n8vK_vbI/AAAAAAAAByk/HWHVy3HMCqA/s1600/comment+preview+2.gif'/>



Image Style 03




Image Code

<a href='http://www.realcombiz.com'><img alt='Get Blogger Tips' src='http://4.bp.blogspot.com/-pzcXyDYy9xI/UHGl24zEopI/AAAAAAAAB1w/2W2PFvrdLfs/s1600/get+blogger+tips.png'/></a><img alt='Comment here' border='0' src='http://2.bp.blogspot.com/-3l-xQ2IOOZs/UG_oTWSJIZI/AAAAAAAABys/7gZLzvvn-yA/s1600/comment+preview+3.png'/>



Image Style 04




Image Code

<a href='http://www.realcombiz.com'><img alt='Get Blogger Tips' src='http://4.bp.blogspot.com/-pzcXyDYy9xI/UHGl24zEopI/AAAAAAAAB1w/2W2PFvrdLfs/s1600/get+blogger+tips.png'/></a><img alt='Comment here' border='0' src='http://2.bp.blogspot.com/-4pE_FK3FnDk/UG_od82bHsI/AAAAAAAABy0/kTc-py2lYFk/s1600/Comment+preview+4.gif'/>



Image Style 05




Image Code

<a href='http://www.realcombiz.com'><img alt='Get Blogger Tips' src='http://4.bp.blogspot.com/-pzcXyDYy9xI/UHGl24zEopI/AAAAAAAAB1w/2W2PFvrdLfs/s1600/get+blogger+tips.png'/></a><img alt='Comment here' border='0' src='http://1.bp.blogspot.com/-P-31ZKdS2Hs/UG_ovIxIjAI/AAAAAAAABy8/-3gTdUvwK1k/s1600/comment+preview+5.png'/>

  • Now click Save Template and you are done.


How To Add Text To Comment Box Header Section

  • Go to "Settings" > "Comments" > "Comment Form Message" (Old blogger interface)
  • Go to "Settings" > "Posts and Comments" > click on Add below "Comment Form Message" (New Blogger Interface)
  • Write your text in the box provided and click on Save arrangement.
That's all!
Take few seconds to share this post with friends/followers and take good care of yourself and your love one's.

Enjoyed This Post? Subscribe For More Update!

Related Posts Plugin for WordPress, Blogger...

10 comments:

  1. i cannot find the code u say to find

    ReplyDelete
    Replies
    1. Make sure that you mark/tick ''Expand Widget Template'' and try again. Let me know if the problem still persist.

      Delete
  2. Please poat about how to customize comment box just like yours. thanks.
    Waiting for your reply. :)

    ReplyDelete
    Replies
    1. Read www,realcombiz.com/2012/07/10-awesome-background-theme-to.html for tutorial on how to customize comment box with different background theme.

      Delete
  3. This blog is nice and amazing. I really like your post! It's also nice to see someone who does a lot of research and has a great knack for writing, which is pretty rare from bloggers these days.
    Thanks!


    Submit URL

    ReplyDelete
  4. Thank you very much for teaching me how to do this! I have a question. I put an image at the top of my comments using your directions, but as soon as someone comments, the image disappears. How do I fix this?

    ReplyDelete
    Replies
    1. "Post a Comment" only appear when you have no comment on your post. It's just to entice reader's to make the first comment.

      Delete
  5. Dude thanks so much. All of your post is so helpful especially for a newbie like me.

    ReplyDelete
  6. Needless to say, you've got to control the particular tractor because it bounces above slopes and also dodges the particular wind flow mills.
    Cheap RS Items
    Cheap D3 Gold

    ReplyDelete
  7. I love this! Thank you so much for sharing. Just made my commenting section more appealing! ^_^

    ReplyDelete

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML code in comments then please use our HTML Encoder
2. For perfect customization of our tutorials, use our HTML Editor
3. If you want to be notified on follow up comments or replies, click on "Subscribe by email" below the comment box.
4. Please do not spam, Spam comments will be deleted immediately upon our review.

Regards,
Ridwan

Next Post Previous Post Home

About Me

My Photo
Durodola Ridwan is a blogger enthusiast and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, SocialMedia strategies, and Tech news in general. You can hook him up on facebook, twitter @realcombiz, and Google+.

Recent Posts

Copyright © 2013. All Rights Reserved | Home | Contact | Privacy Policy
Powered by Blogger