How to Change “Post A Comment” Text in Blogger With Image/Text

A post on how to replace 'Post A Comment' text with an Image/Text in Blogger. To get more comments on your blog, you can replace the default blogger 'post a message' text to your customized image or a text that encourages your blog readers to drop comments. Comments from your readers can be more interesting, informative than the post itself and shows how popular your blog really is. With more comments on your blog, you get to know what else your readers want to know and probably what your future post should be. Follow the steps below to replace/change the "Post A Comment" text in blogger into a personalized text or cool image.

Also Read: How to Make Blogger Widgets/Gadgets Sticky(Float)
How to Add Custom Robots Header Tags In Blogger
How To Show AdSense Below Post Title

Steps To Replace "Post A Comment" in Blogger Blog

Goto your Blogger Template
Click on Edit HTML
Search for this line of code

 expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'>

Also search for:

 id='comment-post-message'>

In the codes above, For Images

Replace with

Image-URL" />

From the image tag above, replace Image-URL with your desired Image URL.
To centralize the image, add the the center tag. It should look like this:

Image-URL" />

Some Images have been provided below. Instead of going through the processes of creating your own image, you can use any of these by copying the codes for your desired image, then use them to replace

Style 1

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDI140VcWn_Tgl661Eup_tw3XKkGjEiX5zfz20KDgt_kH_s0o8zc3B7seFDeA0VMmJNiOzi2UltUOD7cbAq1KMRqNesmIC9cTscPBd2n2FCOPIaPaOAnkoQGcIGE4eqwRMighVBXNttKWX/s1600/animated+comment+arrow.gif" />

Style 2

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpe-b7PdnAja3oLCVlikbFIbyC7-OQdnmFiQB-n-ES5sMhi_QPw_lq9ny39nCwh54jC2p_bZN05g9-JCCCq6JqxDdf1Z7K6aiZCT_GtvPAl2XSGF7hkNNJ_RlF_s50SUFvr2drWUnGMVw/s1600/PostAComment+(4).png"/>

Style 3

 src="http://i.imgur.com/hR5AoQv.jpg"/>

Style 4

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzy9QFldW1cQWzURpx5ccgnrtBGzNVw9k4GU8TLTUaMyhIC0NpR6lr5438BxQyCVR0jY0wJY3hc55gY4rO51ETP2Bw0TW4_Y8E0Qoa8tXU2T5eCwTmFaUJpfYiQsIotR3m6pc38_Jnj8/h63/22.png" />

Style 5

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQHnZk7KyocXG9bp__SFNHcLTirqlGkm49f_G12_dnBOryEprRxTE9XnHjBePLmuNIjUIQwBvQ8mL2a397blVr5AyyTdyiA9Cj9R-psgY0M4-VH6RWiOgAsMAGHS9wtTkbJVMEHYChLM/s1600/leave+a+comment.png" />

Style 6

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAJZZjK96MxAZ2T4nrUIU8_3GWIxC79albodtequXfD-ATQk3NJgGeEFruCeStPoD9r3vi5fIo6iEm0qtW2s4IS1HEwRg8V6uCId87UFf2xB9x64cdZRaIIe2G_hTnSkEnr17nzcBHlNQ/s1600/Post+a+comment+blogger.png" />

Style 7

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKNTgUYSWlKPPHCePLPCoxhqbH1HBkrQPhPdszuX8HhNHy_lw3Sra7_cVHFt-KDnGOWTM5xVl7YgFL9kxXKwEfxi9zdsEUQjv72rBO5kADY7qTWSv6FWQcPHUPilvnVpN0LYJ6O1IYllQ/h86/33.png" />

Style 8

 src="http://i.imgur.com/Wu2M9sv.jpg/>

For text

Replace in the code with your text.

Save your template.

Also Read: How to Add 'Search Description' On Blogger
How to Add HTML Parse Tool in Blogger

Going through the steps above thoroughly, you'll be able to change the “Post A Comment” With An Image/Text in Blogger successfully.

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики