How to replace Post a Comment with an image 2017
While the main secret of getting comments is to have good friends and creating good content, sometimes it is difficult getting more comments when we have a brand new blog that is not visited very often. A pretty good technique is to put images to encourage visitors to comment.
This tutorial will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, below are some images that you can use but you can also add your own image, that depends on your tastes. So, let's proceed with the steps...
Step 1. Log into your Blogger account and select your blog.
Step 2. Go to "Template" and press the "Edit HTML" button
Step 3. Click anywhere on the code area, then press the CTRL + F keys and search for this code (if you can't find the entire code, then search only for the one in red and you should see the rest of it):
If you haven't found an image on your tastes, you can use your own image instead. Just upload your picture 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 'Post a Comment' text only when there are no comments available. To show the image each time new comments are added, add the code of the image after the 4th of the below code (you'll find it in more than one location):
Also, if you want to center the picture, just place the code in between the <center></center> tags like this:
Step 6. Click the 'Save Template' button and you are done.
So this is how we can change Blogger 'Post a Comment' message or text. Hope you enjoy your new comment form!
How to replace Post a Comment with an image
In order to replace "Post A Comment" message in Blogger / Blogspot, follow the steps below:Step 1. Log into your Blogger account and select your blog.
Step 2. Go to "Template" and press the "Edit HTML" button
Accessing Blogger template editor |
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>...and for this one too:
<data:postCommentMsg/></a>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>Step 4. Replace <data:postCommentMsg/> with one of the below image URLs:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQjE4WEG7ttC1HekIl3MD2EMm3QcWBo7M9ctxhV_RH5LV5tj5wZ6FYjdn-_RfukXlGW5Y0US6EtbOjr_CRsL9Jgs6LG5ANrOXy5X5ajWDMWi6K9eRN-x12Bw97XJkg9hcwTERF_Ankl3Q/s1600/leave+a+comment.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTpg09fzk9696XQM7WsfPLI9vuyn_RCDTxoXYnl2Y3syXBYbmSlSBra75aWt31yMQPxdmn4vIgnEhaGc-veS8l1t22NR0RKPWXcdS_CyolD_S34vFVEYdcOGn21Sf45HVQvUmhXXmOrDk/s1600/Post+a+comment+blogger.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjovJyxyLya7cQpmeSr-LuJR2dc3hYnSXk5YBRAODTMXDYcY89ANAMrqtAFA6yeWGCll6SoQqepcMAs__0L_ewfqSla-k9o5tLqtDHIMf14Erd1CLxvdEhmUvpcTgyj-CFBmzjhkOsMi0ug/s1600/animated+comment+arrow.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwKsFsrD_ijKRp_jgb36-23KyGSn5GOZy4O4K7D9H7qq9QYx-XQbJG_LgvHE-qjAOHwse_SkOMizw3I8_oje8fVhFdKPrDZ1tERuxDUHSesZy5R4s-rh66ELoYdM4Zz_KB1RPnzhh4e7g/s1600/leave+a+comment2.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ0JJmsEzSd0mD5v5a5tSS-pkv9FMjhmZ6RSdDB9m2XPc0kYXmnyaUkJIuup5N2u7L_rgbQ03FK2zHiEhhtsxYhVJuxDGkNCqL80JN3Bc3xJ8vYk9QIvpgmkDRK7DpQ38ArMaY_MFTWu8M/s1600/comment.gif" />
If you haven't found an image on your tastes, you can use your own image instead. Just upload your picture 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 'Post a Comment' text only when there are no comments available. To show the image each time new comments are added, add the code of the image after the 4th of the below code (you'll find it in more than one location):
<p><data:blogCommentMessage/></p>
Also, if you want to center the picture, just place the code in between the <center></center> tags like this:
<center><img src="Image-URL"/></center>
Step 6. Click the 'Save Template' button and you are done.
So this is how we can change Blogger 'Post a Comment' message or text. Hope you enjoy your new comment form!
Aw, this was an incredibly good post. Finding the time and actual
ReplyDeleteeffort to make a really good article… but
what can I say… I hesitate a lot and never seem to get anything done.
Hi there, its good post concerning media print, we all be aware of media is a impressive source of facts.
ReplyDeleteDivorce,drama, loss of a job, health conditions about yourself or someone you value - these things happen. Also you can become feeling very hungry and
ReplyDeleteovereat the next time you obtain your hands on some food.
If you are serious on losing weight and desire to
achieve good health, you must do many adjustments inside your lifestyle.
Hi there to every body, it's my first visit of this weblog; this blog contains awesome
ReplyDeleteand truly good information in favor of readers.
I was very happy to find this web site. I wanted to thank you for
ReplyDeleteyour time just for this wonderful read!! I definitely loved every part of it and I have
you book-marked to check out new things in your website.
Superb, what a webpage it is! This webpage provides useful data to
ReplyDeleteus, keep it up.
Hi, I desire to subscribe for this webpage to take newest updates, thus where can i do
ReplyDeleteit please assist.