You can see "Post A Comment" text above your comment form in blogger? but it simple but i think not elegant. Right? So now in this post i will show you how to replace the 'Post A Comment' text we see above the comment form with a cool image. This is a very simple hack you don't need to add any JavaScript or any other codes just replace a piece of code with your own image or text. Here I am giving few image which you can use or you can add your own images.
So if you want to change the "Post A Comment" text into a cool image, just follow the steps below.
Steps To Replace "Post A Comment" in Blogger Blog
- Login to your Blogger Dashboard.
- Click the drop-down menu and select Template.
- Backup your Template before making any changes.
- Click Edit HTML ---> Proceed ---> Expand Widget Templates
- Click Ctrl+F and search the code below:
<data:postCommentMsg/>
Note: If you will find this code twice time or more than, then you have to replace all <data:postCommentMsg/>.
- Now replace the code into your own message such as...
"Leave a Comment"
"We love your comment"
"Say something about this" etc.
or
You can also replace the code with a beautiful color image if you don't like plain text message. To do this just replace the <data:postCommentMsg/> code with an image URL code as shown below. Pick an image code below and Replace the <data:postCommentMsg/>
Here is a list of images you can use :
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM6H7JHmx3cCl0ZL5hEdopE8ZiAp-zyNFA7ToLO-GaOAk3Kz8I90Z7iIbRea2-TkpdcmqMkjX9ODBiRsJkhKfUtHdFwtrgN942RWuHgC3CMfawUBgz-lD-Sq8QV3u4slk41v2ENf3ByCg/s1600/PostAComment.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOY0GjHZhB0WloaaFJh_WI8w3xIWfLoL0f4WvPMW2wg8KZIYxYf2IRyDbgFwdo4IIYKEQiIi5c07jAjT1ioLMAvxJ8Lg4EfOnwXpI1Ff_HnK8CfV5WbEArK3opjhT00v61qqCyktu8UXc/s1600/PostAComment+%25282%2529.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRE1qtkUShlv4ebp3l9wAOiFwSQpU4e9-AydWY0GFnZx1MxwLRcHBUXNwh5RkVaLx44G-Ka79vbYEz7HViq8TEaHvprktVx4xNortD5oKoHz0nTERlEcftnqN-Xf2IqH5kbXjU3GTNisQ/s1600/PostAComment.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH9O7OdtA-jgohVkSGt6jSYxeBCB9Rd0GPXVjUPVajOur0eimDAVZhgEZoeq30lSZJXgNEMQz4PGcMHwcSqnMR9qV7B3YjCCcOVF-O_8kVHbAZeEWZV_aC6VP63ZVx4j6FQ2w30TPe0bI/s1600/PostAComment+%286%29.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUAg2yw1KHFVNv40Yq9jIHfqyOZJEnekA2qeNGTkOy2mfxExxSObYc97uW0Qe5R4bRR11MO6d4pBVWrPtw9hj4xId6H7U7TFYdGpfTT0cm4PwhzB6i3bc29hXrErmrGRbiSKM2t1BhTL8/s1600/PostAComment+%284%29.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjykIzQiG1eBuMEoObZrvGlDpSrTXj3zggljRg5sCnoEhiOSzO0vjM9IVOx4Exj5rJVcK-StWlRCiXSeZsPDeR3P2GYGK7sc9LN1_wl0dT5x6g4i9m0gdetb9WcQPyQKzxUXX1uo7e8xiA/s1600/PostAComment+%282%29.gif" />
- After replacing click Save and then your Done!
I hope this post will help you. If you have problem, Please let me know so that I can help you. Happy Blogging...:-)
No comments:
Post a Comment