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/AVvXsEhl6P91a28ce00IysEw3tL39hgZTvt_YOrx0T1N-wYC4r8VVN90XRXqOIp5xLbzeVCYHeadpq_YLvEc5rY-hhWRe7KfKI9yRaLX4FQL6ibqOOhaPGHhbNGPcGZEryPEs0IZ_estsBId4GU/s1600/PostAComment.png" /> 

   

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

   

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6zPAEy2pMPpg7IKLeeKLSZME7jElTRcFebfTWG03KYhF4PpJV5_cexsurIF6nwJikVhXWwG1QQJJv5V0DBxUHqhswP_R6st4ItadjDtseWUPdHd9b3NPS8UTAQWQWov-bG5faGZkm_g/s1600/PostAComment.gif" /> 

   

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTpVIk5WTcYdCc-wBlfV10qayemCGJus9PpFlGskQnrURnwPnMmp4HLFT_wC6s51HddvhY2KUhiqPgnrl3wwxkTCim-4pHuFkAwQS54Yebo9qHZphgQrujCPGWjXWH2KUnlgO_9oY63GI/s1600/PostAComment+%286%29.png" />

   

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

   

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr5puoEwNarYqdAhvDr6UF4UMNo8iAtvY1WMkVJ8EAEXowfjyNvqdHws6hAc1aaI-wEQQ1HIken0PAMujWqdj0K2HBxq0GrC8Fd6Czx6LBCAEHfJkEwtDnxteU8k3Wz8BMvlLzyG20d1M/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...:-)
Find Best Bigrock Coupons:
Bigrock Coupon , Bigrock Discount Coupon, Bigrock 99 coupon, Bigrock coupon code for september, Bigrock hosting coupon