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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharNnXOVO44BuX0AuDkyurs_X0YgjYt6B_aEe6VLy99acYnvYEFepOoEyh3fAq9PUeoWM-9dj19Pm61oW9iMff8XXFPufhF87y4AQc22nEr8DeStHY6wHNsjLwNjfe6ekkiwt5IsbKKr8/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXIFGeb7ssg3krOi25od6JGG_qN6Dt911ClxRwlfalGwkPmjvvZiiaD6p7nESuQqvLBUUARaHz6hV0mfuCFpia-DBzYxRH028VlldR6CUc4rNjgOLlLW2nLcSn06C6yYHNg8ylXM_xT9E/s1600/leave+a+comment.png'/>

Sample 2



<a href='http://www.helpblogger.in/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharNnXOVO44BuX0AuDkyurs_X0YgjYt6B_aEe6VLy99acYnvYEFepOoEyh3fAq9PUeoWM-9dj19Pm61oW9iMff8XXFPufhF87y4AQc22nEr8DeStHY6wHNsjLwNjfe6ekkiwt5IsbKKr8/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrI7oHqKRpUP5iy4Xdg8AeZK3bWMvmSJoA2KCTXPd8kZb8i62748jlK_uuJcTM8Zh4CwFrELqoHTbDhj2pFEQ8D-oy1oMDKxNRgqaaPNg_GbTJ24mav6jHkNeU1LKSIhRiG5yi1_Fub4/s1600/Post+a+comment+blogger.png'/>

Sample 3



<a href='http://www.helpblogger.in/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharNnXOVO44BuX0AuDkyurs_X0YgjYt6B_aEe6VLy99acYnvYEFepOoEyh3fAq9PUeoWM-9dj19Pm61oW9iMff8XXFPufhF87y4AQc22nEr8DeStHY6wHNsjLwNjfe6ekkiwt5IsbKKr8/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv-OGLOygxyjBdWu9zFlzgxe1YqQy-iayNvVgliGBZ5XLPIDDUGcxz2VWPEWsZPPDtQUT_CEqJQSc2H6OKLF88o-qK6IIueCkvl2cnhNqUPSjwQOx2pReAetz8zmB8u07DTZzxH8a1t4rZ/s1600/comment.gif'/>

Sample 4



<a href='http://www.helpblogger.in/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharNnXOVO44BuX0AuDkyurs_X0YgjYt6B_aEe6VLy99acYnvYEFepOoEyh3fAq9PUeoWM-9dj19Pm61oW9iMff8XXFPufhF87y4AQc22nEr8DeStHY6wHNsjLwNjfe6ekkiwt5IsbKKr8/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ-RgfCZ2KVGtCBpy5tL5ugJX78YLEQxXFe0htwxNYWQLMN8Tj-qRtRLzC4tFCGPrYmyL1QXzRkwuULnDFp988GOihKdvbaR_7fI80DV08pz6S_Xt19ZwxAITqNSOeXuKSX1CWGGIBp7fE/s1600/colored+comment+text.png'/>


Now save your template and you are done.

You may like these posts