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?
- Go to Blogger Dashboard > Design > Edit HTML.
- As always download/backup a copy of your template.
- Tick expand widget template checkbox
- 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.