How to change Blogger "Post A Comment" Message

In this tutorial i will be able to show you the way to replace the 'Post A Comment' text that appears above the comment form with a picture. Also, i will be able to build accessible to you a number of cool pictures otherwise you will add your own image if you wish... thus let's start.

 

How to change Blogger "Post A Comment" Message

 

How to replace Post a Comment with an image

 

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

 

Step 2. Now Search ( CTRL + F ) the mark Red Code

 

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>

 

and for this one too

 

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

 

Step 3. Replace this code <data:postCommentMsg/> with one of the below images code

 

Leave a comment

 

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

 

leave a comment

 

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

 

leave a comment

 

<img src="http://4.bp.blogspot.com/-wX61ZaQ1piI/T3M3FKUaGhI/AAAAAAAABkQ/y409edvuAQA/s1600/animated+comment+arrow.gif" />

 

leave a comment

 

<img src="http://1.bp.blogspot.com/-bIOcD7FxKXw/T3M4LpQ0XFI/AAAAAAAABkg/z_sHmmnKwgs/s1600/leave+a+comment2.png" />

 

leave a comment

 

<img src="http://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif" />

 

You can use your own image instead. simply upload your image on Blogger, switch to Edit HTML tab, copy the image code and replace <data:postCommentMsg/> along with your code.

 

UPDATE! Step 4. The primary steps can replace the text only there aren't any comments out there. To show the image on every time new comments added, we should always add the code of the image we want to appear after the 4th of the below code ( search four times for it )

 

<p><data:blogCommentMessage/></p>

 

Step 5. Now Save the Template.

comments powered by Disqus