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.
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/AVvXsEi4y76_hSkcVf1HYcfP93MEMeIOMjC-z7NTkyWFBU6z0WhiwCcAAXrwmMPZomk8fvL9lB-TBcTZQhVvd7jZCHBk_oaLTr54KrHOxA7lAjFDwtpT5OlBrXXagaZyLwFTdv3ujmyxx7nAx8Q/s1600/PostAComment.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB5m9tUc-t8uckNdSoRhg23CBx6aia15kl3kIvpFoETxi04NYz7QMVW91ETI2Qc1xOIs9p-aXq4X5EcJJWnRth2X7JUyph08Z4kZpCUOfzxJVU5LfeggITX6lZEP3Jg-_Y0rpluWs09lA/s1600/PostAComment+%25282%2529.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWpcOdwyNsKhDjpTnNLlfY9iAmvudaAcKoKMq2W3OdLehqZU0DN1QlZbx6r8zcTe-97y14uPRy2Qfeg_UhAH-Gaz39W_Z-Clru6kr2qhNsFqrD9D7t3K-H6G5SK0fuhIQoLbdCloxStns/s1600/PostAComment.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-uippINAGyrti0_ybvxiADcpLL1b8647Bp3CYkJNxBTrOuLuo36cIcwaNuz-pCAQgFA9953VhI3SG2jqjrM4_GdT_Pdodj5rI0j1ff1WDUC7TdZwIhyWsOAsDJveawz2sWjQVgziqNM/s1600/PostAComment+%286%29.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4rVHUGysTrYXc8YeURRX096Yh194PxwdWBdX7JWCvMv_Qo5HymY8SZauhAVi840-7NJUG-eTL7G1hmLke-QCee0SMRWIuMKZPzrCQhxLxxTFJTWMalLvUJwTZS4db4B48Fj2zsBbhY4o/s1600/PostAComment+%284%29.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicrrMq8TCieykQGy1_-Aoq5s4GlsCaBqS4SNd-CyBNZwu36KmJmBUx0Uu5E6bIuo5QC3kWKC3YrbxAeJ-PVtw9bV5kjL58sZGLJn0uVsq8EDkpBc_zcjfzlJsJURhGoT0hF_VpC7QcBnQ/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...:-)
0 comments:
Post a Comment