How to Change Blogger Post A Comment with Image | Haak Blog

We will show you How to Change Blogger "Post A Comment" text to image in this tutorial. We provide you full step by step guide to replace Post A Comment with an image which is shown above comment box. Many blogger not want to show common word above comment box so here a tutorial about changing it’s to image. You can add your own image and we are also providing some images if you like any one of them then you can use on your blog.

Post A Comment

Replace Post A Comment with Image

To replace "Post A Comment" text to an image in your blogger blog with follow below steps:

Step 1.

Login to Blogger Dashboard. Go to Template > Edit HTML as shown in below picture.

Blogger Post A Comment

Step 2.

Click on "Expand Widget Templates" as shown in below picture.

Blogger Post A Comment

Step 3.

Now search following code with the help of CTRL + F:
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
And also search below code
<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Step 4.

Replace <data:postCommentMsg/> to below image code

Blogger Post A Comment

<a href="http://www.haakblog.com/2013/06/change-blogger-post-a-comment-with-Image.html" target="_blank"><img src="https://lh6.googleusercontent.com/-zyIO7auzric/Uc8pw71PVUI/AAAAAAAAAOY/0v_qVt_9VXI/h105/leave-a-comment-trans.gif" /></a>

Post A Comment

<a href="http://www.haakblog.com/2013/06/change-blogger-post-a-comment-with-Image.html" target="_blank"><img src="http://3.bp.blogspot.com/-OcNUD6OBM3E/Uc8qeKx274I/AAAAAAAAAOg/d1VGnGP29wM/s180/leave-comment.gif" /></a>
Or replace your own image with image source URL.

Step 5.

Save Template.

Now you have done perfectly. If you have any suggetion or updates about codes please give us your update at below form we will publish your updates as soon as possible.
 
Top