Friday, September 18, 2020
Home Blogging Tips & Tweaks How to Replace “Post A Comment” With An Image/Text in Blogger

How to Replace “Post A Comment” With An Image/Text in Blogger

Comments are one of the best ways to showcase how important and useful a blog post is. Users tend to use this medium (comments) to ask questions relating to the said post they are accessing or in most cases express their gratitude to the author of the post for providing them with the information. To draw users attention to the comment section, it is very necessary that you as a blog owner and author add a very attractive/catchy heading i.e. replace the “Post A Comment” text with an image that looks very attractive and eye catching.

In this post, I have taken time to design some attractive eye catching images which I will be showing you how to add to your Blogger blog so as to replace the default “Post A Comment” text. To replace the “Post A Comment” text in your Blogger blog with an attractive eye catching image, simply follow the easy steps below;

  • Login to your Blogger Dashboard.
  • Go to Template >>> Edit HTML.
  • Click anywhere inside the Edit HTML page and with the help of Ctrl + F, search for the below line of code
<data:postCommentMsg/>
  • You are likely going to find two of the <data:postCommentMsg/> in your Blogger blog’s template when you search for it.
  • The <data:postCommentMsg/> we are going to be replacing is the second one as I have indicated in the below image.

Post Comment Msg

  • Once you have located this line of code, replace it with any of the ones shown below the Leave a Comment images as i have provided below depending on the one you like to use on your blog.

<img alt='Comment here' border='0' src='https://i1.wp.com/www.educativehelper.com/wp-content/uploads/2019/10/educativehelper.com_commenticon.png'/>

<img alt='Comment here' border='0' src='https://i1.wp.com/www.educativehelper.com/wp-content/uploads/2019/10/educativehelper.com_commentimage.png'/>

<img alt='Comment here' border='0' src='https://i1.wp.com/www.educativehelper.com/wp-content/uploads/2019/10/educativehelper.com_commentlogo.png'/>

<img alt='Comment here' border='0' src='https://i2.wp.com/www.educativehelper.com/wp-content/uploads/2019/10/educativehelper.com_leaveacomment.png'/>
  • Finally click on Save Template and you are done.

Once you have clicked on the Save Template, simply go to your blog to confirm that the “Post A Comment” text has been replaced with any of the images as i have provided above.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

List of All JavaScript Arithmetic Operators With Examples

JavaScript offers several operators to help us work with numbers. All these operators are binary operators, which means they operate on two operands. The operands...

How to Find a Website’s RSS Feed’s URL

Having access to the RSS feed of a website gives you the opportunity to stay up-to-date on everything that website publishes. Whether that’s a...

Laravel: String data, right truncated: 1406 Data too long for column (SOLVED)

I was working on a project today when i ran into the error message "String data, right truncated: 1406 Data too long for column...

How to Enable or Disable Chrome’s Autofill on Android Devices

Storing your login details and other information in Chrome and/or your Google Account isn’t as secure as using an encrypted password manager, but it’s...

Recent Comments