How to Change Post A Comment Message in Blogger | SEO BLOGGING TRICK

How to Change Post A Comment Message in Blogger: Comment is most important subject for blogging. Because by a simple comment some one can get a solution or someone can get a seo backlink. So if your blog comment option is nice and great looking then visitors will be highly impressed to drop a comment. Actually It’s really so simple to change “Post A Comment” Message in Blogger. From this tutorial you will be able to know how to replace the ‘Post A Comment‘ text that appears above the comment form with an image. I will make available to you a few cool images bellow or you can add your own image if you like… so let’s get briefed :-

How to replace Post a Comment with an image

To replace ”Post A Comment” message in your Blogger / Blogspot blog follow the next steps:

Step 1. Log in to Blogger, go to your Blogger Dashboard >> Design >> Edit HTML

Step 2. Tick the “Expand Widget Templates” checkbox.

Step 3. Now search (CTRL + F) for the code marked in red:

<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 4. Replace <data:postCommentMsg/> with one of the below images codes:

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6uzFvNACHbcJ2QOYPzYKbnlVyn2DnKwPpeO3W7hTBT6DhjjxfPyH_rcpnTRXgRcA2j-hZlMaf0VQqiQ1knFQOsP6zM3E5JZGRiEpNpMSsJYLDHiCpPNdj7ZpTyxAnY7QIUSeoSHubZg/s1600/leave+a+comment.png” />

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmf4QqE_sDCzPL4i1qyolhCoLtxe3dENLrDXxY5PrVgd6dkce0vRgooNOI0mLbxh-CMG0Ja-hFHG5oyWSJAfItLSGdQ0t92khheNWe5kh3sOYW1lG6NzfgacB_porcakegnW1KWE9DzZQ/s1600/Post+a+comment+blogger.png” />

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_TCfkJMHwXteNAn8sj-DnN7vCt2fACL1f1ov1E1Cgk_MdrHq0aTfPfgLk2lenPpofZDZ22Q7qk9YwS7fEfio64b8hYlV3UI3dloSXFoH0cjMVmZoUB1B2JRoP4O1RsT9FsPK-D-A9-qe/s1600/animated+comment+arrow.gif” />

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymt_QUMpF4vW73-IlvDp5Z53D-YgUNPXyFGePIC_A5__cTahZRlq3YMFpds7cgyLfzLS5AZdPLhFBvkpKBTHFJ7_4d9TMfXm5gxf_3bL_PKttJocGQcyYvTBpW0k7Ecg-w_wJNyHPlEt8/s1600/leave+a+comment2.png” />

<img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjypgqpYO-yXEO87ps-6-MwatdJtHhSNdkhuNbSd5qS1nYal0wIfZRznAMV1f65KigfUrvHHLGMIRbojzNkWSPuFUsWO-qUjnKFnhbkJj5jyz3ECmM-TBXMD7LjTGGeMauOS65UGQDh9kz0/s1600/comment.gif” />

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

UPDATE! Step 5. The first steps will replace the text only when there are no comments available. To show the image each time new comments are added, we should add the code of the image we want to appear after the 4th of the below code (search 4 times for it):