How to Replace "Post A Comment" Text with image in Blogger

You can see "Post A Comment" text above your comment form in blogger? but it simple but i think not elegant. Right? So now in this post i will show you how to replace the 'Post A Comment' text we see above the comment form with a cool image. 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 or you can add your own images.

So if you want to change the "Post A Comment" text into a cool image, just follow the steps below.

Steps To Replace "Post A Comment" in Blogger Blog

• Login to your Blogger Dashboard.
• Click the drop-down menu and select Template.
• Backup your Template before making any changes.
• Click Edit HTML ---> Proceed ---> Expand Widget Templates
• Click Ctrl+F and search the code below:

<data:postCommentMsg/>

Note: If you will find this code twice time or more than, then you have to replace all <data:postCommentMsg/>.

• Now replace the code into your own message such as... 

"Leave a Comment"

"We love your comment"

"Say something about this" etc.

or 

You can also replace the code with a beautiful color image if you don't like plain text message. To do this just replace the <data:postCommentMsg/> code with an image URL code as shown below.

Pick an image code below and Replace the <data:postCommentMsg/>

Here is a list of images you can use : 

 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLVnzc2Nv8nwXcH5BJ4tSLEgtpHrKa9YLMrKr2RZWCatdXOvRfwqXOIeNH0G0nrmJKuD81bEG-jpXhZ5ArriRx4-M5d8-TAi7ivK7wU6s5b77pm4-9YiC9Q1yj5I9ncQxcg8DaykTY_8/s1600/PostAComment.png" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GaJ8v8faUEodxcNCum0cJMfFE-INAswk6r0HnjsLgLUXNfKv9GnksdgDxUwbhRNK9WZonbpeFWHweC7M2_mkS3yx0JrGGLB7PqzG6OJr2nUd-yhxRcGj9VIpbP6qDZ9Jeu_ygAl1b-Q/s1600/PostAComment+%25282%2529.png" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp8dlcC7QWI1aREx_0X4md3tMWI8XJFruH4xcChaeMS0Iw6_juCBRbZb-bELv7T-F9BGlN_lcdp5rnZezXfpXgY_E4uFQzr0ae7-HnZWtFSzT5PINhn8V2I4EV5IwH4XFCD_x1BE90Dug/s1600/PostAComment.gif" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-vylnZ67Gl7QKgk7JYojk4yOYF3BX4jW1g36xixvjU4W4UJCfrbl79Mjs3LdxhruujGDF59PFWhRD3Y2pmD0o9_Uktlkhwbm82sKOZZoDOhm5_I5XMxr6_kSSrVehw-jy-j4RxkvDVcg/s1600/PostAComment+%286%29.png" />

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7V16yBlRo4qbNFx4kSuOT1cweVEjODJ3VBxIEDW4i6Qb437O5wRqXi9aHACNKYlY8YaWBIA6Ha4tGIlv-0WhMcIwNoBx645dXa6EB89QcBK5wcsZeXbGCojKpbQ5qfCBv0IV-ekRrY1I/s1600/PostAComment+%284%29.png" />

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy0gJIlxuAgbcpzT1f-4DsK6vm7BuzGqBxi1-YojM8_tyCBRtUhW8NUAIH2fbBN8nIXJ67B37bdHLiuaxvAfO8hBIAHDIMrba1ZaTzlmA9v4Dsf6DVLqjoBjWoaUgc7NQ5USZZ3ZlVgEM/s1600/PostAComment+%282%29.gif" />

• After replacing click Save and then your Done!

I hope this post will help you. If you have problem, Please let me know so that I can help you. Happy Blogging...:-)