Change Or Replace Post A Comment Message With Image In Blogger
Today our article is on changing or replacing "post a comment" message in blogger template. Leaving comments is a inetersting note that your blog is under discussions. Attracting user to comment on your blog is important. So today we are using a small trick to attract with beautiful comment message to the visitor of your blog. We just change or replace it with images or other message. We also provided image links that you can use them in blogger. Also note you can use animated images.
ALSO READ : HOW TO ADD COMMENT GUIDELINES IN COMMENT SECTION IN BLOGGER
Not found then find for the below code also :
Replace <data:postCommentMsg/> by using one of the below image codes.
HOW TO CHANGE INCREASE SIDEBAR , POSTS WIDTH IN BLOGGER
HOW TO ADD A STYLISH FLOATING SOCIAL SHARING WIDGET FOR BLOGGER
Save Your Template.
ARTICLE APPLICABLE :
ALSO READ : HOW TO ADD COMMENT GUIDELINES IN COMMENT SECTION IN BLOGGER
- Login into Blogger
- Select your blog if you have many
- Then migrate to TEMPLATE --> Click on "EDIT HTML"
- Then search for the below code highlighted in blue colour
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
Not found then find for the below code also :
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Replace <data:postCommentMsg/> by using one of the below image codes.
Image codes to replace " post a comment " in blogger
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM2r3DdEM6MvPtGmESB0RqPONwKUIH3hPK8sl2uB1RnZugB2O16L-MNs9dnr9K5vsHN1CU0LGTjH0LDtatzdUnFdnbaU1tvjeHihiig0wSEjr-EQ2W79MrFwmQzyQUtOKV0j_th1Vv4_Q/s1600/leave+a+comment.png" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAv-FpjILcqjRfBoFKLyCcw3fZtnjKZVzyUExi-yPb6krOkiusH6dRHrST3Tgc8zpLo4WH_Hs-rgj3hNXlqximYmnObsys7MpJYOGYo0gN7wMpaku6WXWm0V-8_uWQI3oYO4jOIlVGCig/s1600/leave+a+comment2.png" /></a>
HOW TO CHANGE INCREASE SIDEBAR , POSTS WIDTH IN BLOGGER
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7igysE8VaPC1oEBPNrdmpUd4rS68evYGrQz76a0kOh9r7p7aXayWR59uo7CEFfn9SOwG5nsAKVAEGum_QJkGeiHsKErf8khYUXCZQPXfm_NQkQLFsz8oErnKrpIwsIegD-jO9rjPXZAY/s1600/animated+comment+arrow.gif" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL2tlQtG02-4mPy1jLrb87VI_Qb5pZ4LDzeDA8nhlZeG4AtTdPQtyEaCHHwuO-f7ORUIFCv7zCaNS9vCu4b4xb74hgBLo1ccs1A1xoFPZo7HYzOyvz1qeJXk-aaPul3lj_hx3UiUqblzM/s1600/comment.gif" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiXDMnB4fNTtBEL9gS-RjmWoU4swP56pXow-HVaDRO07RuQI-HqrpibJ6zq6QWsONRiuL_eocC7dq7_OuxdVj6hjxKnmD9QZ-QRYKSLov4GgVOM0jkmaJqXDGy4F9t_MjehHTozSn6cxY/s1600/comment+preview+1.png" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMsFX9OU5JfjzztDGGjKQUyICI_9gzgcPDhqbJMLDL0ZBHLPIW2kyDmq8O6huTcD8YOLHPHKLlyL_Rfz09OVnnQuSuCCUH5HtpfZsts-3LZPjGzy15Bf6dWHBYzKYYlO-C44YWpge784/s320/comment+preview+2.gif" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLMsFX9OU5JfjzztDGGjKQUyICI_9gzgcPDhqbJMLDL0ZBHLPIW2kyDmq8O6huTcD8YOLHPHKLlyL_Rfz09OVnnQuSuCCUH5HtpfZsts-3LZPjGzy15Bf6dWHBYzKYYlO-C44YWpge784/s1600/comment+preview+2.gif" /></a>
<a href="http://www.wehelpalways.blogspot.in"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip2s5A92eMNd2OS5wLWjBDtHRz3McjA7hOKsAe4D83EYvCmHuxnDjhec71AmhJZksTAFxRNWjc-hRDefxkFa_m4rEHaf0x5uZG6qcKEvInx7svJu5MqD8AOV0W0lgJNLv8hJT_czMOwk4/s1600/comment+preview+5.png" /></a>
HOW TO ADD A STYLISH FLOATING SOCIAL SHARING WIDGET FOR BLOGGER
Note : These steps will replace the text only when there are no comments available. To show the image each time new comments are added, choose the image code and add it after the 4th of the below code (search 4 times for it)
<p><data:blogCommentMessage/></p>
Save Your Template.
HOPE OUR ARTICLE HELPED YOU LIKE US ON SOCIAL MEDIA FOR UPCOMING ARTICLES
ARTICLE APPLICABLE :
- How to replace " post a comment " message in blogger
- How to change " post a comment " message with images
- How to show different text at " post a comment " in blogger







