Monday, November 9, 2015
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
In the codes above, For Images
<img src="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 <data:postCommentMsg/>
Style 1
Style 2
-compressed.jpg)
Style 3
Style 4
Style 5
Style 6
Style 7
Style 8
For text
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.
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
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a>
- Also search for:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
In the codes above, For Images
- Replace <data:postCommentMsg/> with
<img src="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:
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 <data:postCommentMsg/>
Style 1
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEzjBS7h24yMvm_7uVpEevOEhs9hnKp-bIyKq6LNjHWVyfIx4nC1AUm2OyoT7NRfAhNONZnMHqAjB3wjZvas_VxoWc4V3qgjB_RhXRRSkL-IUzkXBkq7FtNUbWwq5jPJU2rR0jh0lyvtqv/s1600/animated+comment+arrow.gif" />
Style 2
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Psax2TG8zyWj2OeMvXNpLgpww6GrBvuej_cf3_6p59Nh3qHWITWb9AdfJ2LaTbUtNVKririqBU22ZI3qjUz3wF6PjIucGAL2JY50FAaLVqhiGqLErsOjNqPtHXLjiBhKf4bobkwT9pQ/s1600/PostAComment+(4).png"/>
Style 3
<img src="http://i.imgur.com/hR5AoQv.jpg"/>
Style 4
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnzCF77zN4603RepEu5VCYDOoXgiPp_3WQTpgk3nFZ19OtRv1-Ufpg2O5SbTbpDp6rEi6XYv_PWNQSY3ebNaK9NmhsUQmQ_k4aEteir4u_2MvNdvoBwsRsehHUizTxzcZe6mGwKjuehb0/h63/22.png" />
Style 5
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJ6yQYzU4wadHKSD3UHcotM6xi0ivnQ_cYReGE5fNsCThdXVnyBqsNZGapFNVVnozCIyLJRwqGUY7FsZS8DLrmFI-WkoYNk1fAx5pYqopp-I-PJJxx1SnONmsFS30TcQ20sfYb_LyETI/s1600/leave+a+comment.png" />
Style 6
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPlzsIgERwCt9s_Adxq_GeUR7IIZqPwEDrr1tYu3Ub1T5ZkrMp3ftxQEICb61T7hoVlZ2COOZgGZelGEDwOtrm4-jerf3gN_rbeOCqZ-INPsy0FFpTg-jw3lWGpwp4lTmKZzhSvmdMN1w/s1600/Post+a+comment+blogger.png" />
Style 7
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1hYzF_MudfSEOcCsdIlIkQyOyCi9Xt8ovPqxPydYmLqYNXd-g1V_vfcV7ujZBgWNTRamJlmVyjwIXEUbU3Q88Nu4ijfhbWURoeFwVuGtdsb-zw76GNs_ekQdvYjgmr8brjKJiFMMyXW8/h86/33.png" />
Style 8
<img src="http://i.imgur.com/Wu2M9sv.jpg/>
For text
- Replace <data:postCommentMsg/> in the code with your text.
- Save your template.
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.
