Change “Post a Comment” Text With a Customized Image/Text On Blogger

Design you own comment section by replacing your template default “Post a Comment” text with customized image or a text of your own selection.This is just a simple HTML editing that you need to know. You don’t need to be a techy just follow my step by step instruction.

Today I am giving few pictures which you can use or you can add your own created designs.Now lets go to the tutorial:

How To Replace Post a Comment Text?

  • Go to Blogger Dashboard > Design > Edit HTML.
  • As always download/backup a copy of your template.
  • click expand widget template check box
  • Now find below small junk of code in your template

<data:postCommentMsg/>

You may see this code more than once,you need to find the code which looks like or closely similar to this.

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

Now replace above red colored code with one of the below image code.Here you can use your own image or your own text also.

Some Image Samples

Here I am giving some sample of images you can use them or you can add your own image.

Sample 1

<a href='https://www.blogs911.com/'><img alt='Blogger Tricks And Tips' src='https://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png'/>

Sample 2

<a href='https://www.blogs911.com/'><img alt='Blogger Tricks And Tips' src='https://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png'/>

Sample 3

<a href='https://www.blogs911.com/'><img alt='Blogger Tricks And Tips' src='https://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif'/>

Sample 4

<a href='https://www.blogs911.com/'><img alt='Blogger Tricks And Tips' src='https://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre7OZCEzI/AAAAAAAACEQ/oNyvoWQOCuY/s1600/colored+comment+text.png'/>

Also read: Adjust and customized all margins in your template

This simple HTML editing will give another good design on your comment section, you can select any picture or create your own design you want and change the the picture given in the tutorial.You can find more template tweaks here: Blogs911 Template Tweaks

About The Author