Replacing "Post a Comment" Text With a Cool Image/Text On Blogger


Today I am going to show you how to Replace "Post a Comment" Text with a cool Image/Text . You just need to Spice up your comment section by changing your old boring "Post a Comment" text with cool image or a text as you wish.This is a very simple hack you don't need to add any JavaScript or any other codes just replace a piece of code with your own image or text.Here I am giving few image which you can use these images or you can add your own images.Now lets go to the tutorial:

How To Replace Post a Comment Text?


  1. Go to Blogger Dashboard > Design > Edit HTML.
  2. As always download/backup a copy of your template.
  3. Tick expand widget template checkbox
  4. Now find below piece of code in your template


<data:postCommentMsg/>



You will find this code more than once,you need to find the code which looks like 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 Are


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


Sample 1


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

Sample 2



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

Sample 3



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

Sample 4



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


Now save your template and you are done.

You may like these posts