Sunday, 26 January 2014

HOW TO REPLACE "POST A COMMENT" TEXT WITH IMAGE IN BLOGGER





How to Replace "Post A Comment" Text of Blogger Blog
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 --->  Edit 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 : 

 

Post a Comment Image 
 
<img src="http://1.bp.blogspot.com/-O6lFrTUQ4-U/T7DWIlBTe4I/AAAAAAAAAnY/yoVJpf0_obM/s1600/PostAComment.png" /> 
Post a Comment Image 
 
<img src="http://2.bp.blogspot.com/-UAUSF0Qdx7Y/T7DmFFaJF-I/AAAAAAAAAns/mwKghnU7P_E/s1600/PostAComment+%25282%2529.png" /> 
Post a Comment Image 
 
<img src="http://1.bp.blogspot.com/-DltZnP0Nhf0/T7Do1x3SiHI/AAAAAAAAAoA/swp0luTvw5w/s1600/PostAComment.gif" /> 
Post a Comment Image 
 
<img src="http://1.bp.blogspot.com/-P6kzhG5YOaQ/T7DqgnRzbgI/AAAAAAAAAoI/_1Jxjt0DLis/s1600/PostAComment+%286%29.png" />

Post a Comment Image 
 
<img src="http://1.bp.blogspot.com/-2CqgAbfkDNk/T7D8fEc218I/AAAAAAAAAoc/Kj4Yg8Fl7-M/s1600/PostAComment+%284%29.png" />

Post a Comment Image 
 
<img src="http://3.bp.blogspot.com/-C4NyWCeEHac/T7D9VIoxBUI/AAAAAAAAAok/Jn0XTAlAJLk/s1600/PostAComment+%282%29.gif" />

  • After replacing click Save and then your Done!

No comments:

Post a Comment