How to change or Replace Post a Comment Text Cool Image/Text On Blogger

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

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.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNz4112knBqc57NzyMrhjzAv2BMFSBB8L5a15XV9AcOlw3cV5U9NBkln3m4N5Mi3CXKso_Fvd8t6CJlv_d43LSqzK9MC8SUN43RXHkEOPxZkvD-TfYOWlQAsFRIpFdse1_RXi0nbyU7V0/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix54wmtHqQR4_q1WunhHRjlPwQoKdC8yMhQQFRsdPWPv0d7F0YMmsEo7Knqq5tlGTOOf7oockrfnWHOJdt6-VC4-NjLIIwRwxv3WDWMb7Qak8HoIBKkz3gCGm-YbfnCQSo3FoyTNx6EXM/s1600/leave+a+comment.png'/>

Sample 2

<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNz4112knBqc57NzyMrhjzAv2BMFSBB8L5a15XV9AcOlw3cV5U9NBkln3m4N5Mi3CXKso_Fvd8t6CJlv_d43LSqzK9MC8SUN43RXHkEOPxZkvD-TfYOWlQAsFRIpFdse1_RXi0nbyU7V0/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3cQD5b9az-xSqgEbJ3udPoiGsHY8fWrh4-aS0rTjEnwVgxSqDhCsLMC59Rm-WlAsJpkifVAPbGA7AlwK9hBTmikii4q0UH7nBfchOeBlDGjLKteiKs9s9oHnSSrU-BeQ3MPpwYfa8oZQ/s1600/Post+a+comment+blogger.png'/>

Sample 3

<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNz4112knBqc57NzyMrhjzAv2BMFSBB8L5a15XV9AcOlw3cV5U9NBkln3m4N5Mi3CXKso_Fvd8t6CJlv_d43LSqzK9MC8SUN43RXHkEOPxZkvD-TfYOWlQAsFRIpFdse1_RXi0nbyU7V0/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeKd9fMnAiBU_LwVlLh9Ifolx-cbWQUTekGxy64B0NJRSvZHFyOvu1YxhwFpUU9bBPNmgCwOMQIX0-Y2I2Ikc2Pr_XH9swm7N1Atwmt3ylxrj3PRunrScmtV3FTiIiO6rbfU96wj4KVp4E/s1600/comment.gif'/>

Sample 4

<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNz4112knBqc57NzyMrhjzAv2BMFSBB8L5a15XV9AcOlw3cV5U9NBkln3m4N5Mi3CXKso_Fvd8t6CJlv_d43LSqzK9MC8SUN43RXHkEOPxZkvD-TfYOWlQAsFRIpFdse1_RXi0nbyU7V0/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHeG4jf6NrWA7FkdPys59aVftylkmVldKNGMN2cwFvMjYbiTv0epxDnIyVK83sjhQYNox3aczUEv9ERM25Fs6YAknooussYeUj-rcJOZ2ljC2QyiVroIYXBe-4-xRAXWWSzHz6twP4UKsw/s1600/colored+comment+text.png'/>

Now save your template and you are done.

wordpress change post comment button how to edit comment text in pdf comment text in html comment text art change no comments blogger change comment form blogger

Share this

Share on FacebookPlus on Google+