Pages

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

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 + &quot;_comment-editor-toggle-link&quot;' 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:
                                         <center> <img src="Image-URL" /></center>

    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. 
    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.