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

How to change 'Post A Comment' text with an Image/Text in Blogger, How to Replace "Post A Comment" Text with Image 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
  • Holding down ctrl + F keys, 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="http://4.bp.blogspot.com/-wX61ZaQ1piI/T3M3FKUaGhI/AAAAAAAABkQ/y409edvuAQA/s1600/animated+comment+arrow.gif" />
    



    Style 2

    <img src="http://1.bp.blogspot.com/-2CqgAbfkDNk/T7D8fEc218I/AAAAAAAAAoc/Kj4Yg8Fl7-M/s1600/PostAComment+(4).png"/>
    



    Style 3

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



    Style 4

    <img src="https://lh3.googleusercontent.com/-rjRc2YIV_ic/VP5v-Ipk42I/AAAAAAAACb4/YbFMXRCj5Iw/h63/22.png" />
    



    Style 5

    <img src="http://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png" />
    



    Style 6


    <img src="http://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png" />
    



    Style 7

    <img src="https://lh3.googleusercontent.com/-vi-3-Fzmw40/VP5xKNdQgTI/AAAAAAAACcI/4gWQbqC6nu8/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 replace the "Post A Comment" Text with Image in Blogger With An Image/Text  successfully.

    Subscribe to TECHLASS by Email



    Do you like this post? Please link back to this article by copying one of the codes below.

    URL Of Post:


    HTML Link Code:

    BB (forum) link code:

    Share on Google Plus

    About Grace Joseph

    Grace Joseph is from Cross River State, Nigeria. She studied Computer Science in University of Calabar and has great passion for writing, technology and blogging.

    0 comments:

    Post a Comment