How to Change "Post A Comment" With Image And Text

One way to reveal post reader's  ideas, suggestions, point of view, questions or clarifications regarding the content of your post is through the comment section. It is then necessary to research about some tricks to customize this area of your blog to allure your visitors. So let's proceed to the tutorial on how to  change or replace the text "Post a Comment" with an image and some enlightening texts.

Changing "Post a Comment" With Image and Texts

Step 1. Go to Blogger Dashboard >> Template >> Edit HTML

Step 2. Look/Control F the code below,

<h4 id='comment-post-message'> <data:postCommentMsg/></h4>

Step 3. Replace the text in blue (data:postCommentMsg) above with one of the image URL  below

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRRLXU2RJuOKVNsMcrAQlC6yJGJLPmtVnY5-utvNJZ9kaLmX0Twu3i7gS4Td6E3qRJbTT1ZZwtLcIoeW47qakA4FX3rZC8-y5SxS_EEzz11pRimKjVXOG0cQktub1e470K176h3jh7_bE/s1600/animated+comment+arrow+7.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqiJWtL2s-1Fq8z9Kznyp3HyB7TaWPju05dejD_k3AKz452zq4-1Ws4qMrafZ9WZ3d6VNbWRtmHd-Ov9HODgUkzn8Qwuq29Y6RaxhK-G556bBLY0b6Z9Axj11pdVrEMvAjKMYadSPMKNo/s1600/colored+comment++2.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyZPdPP2UzK0Fgff3K6vE28B-RsmTbd0j55T6eBl6LJhtWUG6G2phVqKJCbI2PovY6Oa0ZlTlqQqWvVSxvIzZGCrR-GcUz-lWycBoL5RxmJUjW5zqenO2d4maUm_dYjZOXkFYRtbLh_Ds/s1600/comment+9.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB3WLohKRwatq7U2zZtRT8fusaQ0K1M1-TuFued4Rsl9K7PJCO-fJfylLIMJJjBZYxida_NMt0kCDHOa7xf0jglwfyosWs01Pbueo-1vS2q-v8zhX7hLJ3RKJ4W1A9NpA_YPuWeXpOUAo/s1600/comment+cloud+3.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh86TaYnP1IBvS8KU0j3TQK80GV46PK5bxaFkOMBeMMAMGrb0LgqI4iF0mRTgrV6LSTQe2eFck6G1iHS2XoyU4GpGvpN1r8FEicCN-BBBNqhewNjt4Qmc3sCzGRRhXlnd-KW30HuYB2GRo/s1600/leave+a+comment+8.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uij22VxiP3j3wf52Z_lqf2ejymLfkdfcCmpfhygXd94-4F95KhNO3nlWZbyb-IoaPUIsuGdWDr123ITdoNfx6DnGZM9hvravUXbdsRcTy23m45gl0fUrBdy4RlPL4FljeRz10xa4CjY/s1600/comment+here+blue+4.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYeTEp6SNXK4U5ZVO87RJ8tTsE7JmqTIkJcOa4ZtqkYdx0hghNn8ltYvBkltUNoaiFH6GClaVJqE6FHLmY-4Su_V6RnNG7LCazyuiOgOaXc6DuwF6-cSaF7o1xHsRDjbdfJ-vg_DqAa7I/s1600/leave+a+comment+1.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr3m4k0YHDn4sVwA29iyvY04lGs00huTMTx_NYr0bQaKyR7qZ62BPqUYixZIPwSx_8KGyuC8Lwwqx8ALDbP4iT_xTuO5EdyP83h4QnyKzUOXW4ummE9sKKSibKd25zsIToJwY4v8GmDec/s1600/comment+here+flowers+5.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7CIcmF95oNNAqHTOtGHzHkWV3Q1jSJ3CFXBhpWGKt9sY4BJhLRr8tYAUh0RTIwK0kmLKUjJKbIKjAoJasrY_6z3YxAwNe_2QYaOXdPGfm__D0OyNiWKmWo0EMmQP1lH1iu6cfrowf9FCw/s800/what-question-mark.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfOOoSzA-nq_PCamuGxIF_TIkwQAwEP_bg5-IELJQsN98uZEg2EZxFmAoPkRzmYlQc_wgThdhCK_QZTeazbJkEScXaV9oKgSwg5Lrx0rnMMggPrOogEHJ5n16YRkhBQE-NGfGzDLcXftc/s1600/thinking+man.gif'

Step 5. If you want to add some encouraging text beside your selected image, place it in behalf of the text Your Text Here


          <h4 id='comment-post-message'> <data:postCommentMsg/>Your Text Here</h4>
               
Step 6. Click preview to see the initial effect and then hit the Save button.

I will make also a tutorial about changing "Post comments with Image and Text" tomorrow for you to completely have a new look of your post comment section.

Take care and Enjoy!