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/AVvXsEgXB0fYXyD9hjffmtTC4kQO4NKJ5BhLoRHMFOYeOodpLhKBoVdBzQ15RcMZJjxevcX1TBCyYWZlvIKqhC1AIzxZOu5N9YAec1JIbRGWPhMYWCHebvJ0B5Yk17sS5wMjdzc1ojHtOsdvsvU/s1600/PostAComment.png" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLzvyyjxbkVPxDucTi-_YJzB8C8RxNnncnZe81QKkmSA8q2vZTiAYBU6h6lobwUXVZ5CKGqsbf92uDNwo7LxpYsLQyh4HymAZ582VXS5B_VXPlx1dlbLnMDfKhaeXECb77pReYdX5Akss/s1600/PostAComment+%25282%2529.png" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-6VRpNt7v0opoHKxqU_qir9Zokr7SQHPIalepXsr6rmUFNxnU-LOGJpCoV6RNpG1CzR_LBv_DnDal-0jm9jtMg05noxBLMnhkXJH1rOUR0MknoNfqAO-zDU56lugezqqrpl1igVOg77k/s1600/PostAComment.gif" /> 

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbes489bijA_nbq5pOVmMU0Musl9HM3ejLltPELrTo6Y98FuJSeXefkZT9gZ-NpgZCjmPFtYeClOWexQFwRmI5JiQRipaaCFCpxQ0XUPJ_v7pgLbYLvuJjK_Qc_S6XqL_8LOkwoHUSH9Q/s1600/PostAComment+%286%29.png" />

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5XW104a0wQe864ciobBOAB-TIxPfN4tg2x5LtcVUyln7vB9DIawP8li-QGQcv6UrDhpcKKJMOjWx834Ek7umgWb9f03ubLJXAve6gtYMDr_1pQ9hCIckNzdIYMoeQj1Y7hX5u5D8Zc04/s1600/PostAComment+%284%29.png" />

  

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8vY6h2aZQHxhS8dpE0FQxtJqRBW_IXy_lVkCvSksNovzgo6vmDM64CGjBz2r59_yfa4bmLqPdo_PE-Y94O_GzkBc3GrGSr4fL9ai-OMd15MfgwxoLZ4UW2dDczuolRR2s36UywZr1vXM/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...:-)