Replace/Change "Post a Comment" Text With a Cool Image/Text In Blogger

This tutorial will show you How to change/remove/replace "Post a Comment" Text With a Cool Image/Text In Blogger. Blogger Has Default This Message “Post A Comment” ,This Looks Not Good , So For Changing This You have to Follow Some Steps and After That You Can Add A Cool Image or Text Instead of This Text “Post A Comment”. I will give you a few images, you can also add your own image.

How To Replace Post a Comment Text

  • Go to Blogger Dashboard 
  • Click on DropDown Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML --> Proceed --> Expand Widget Templates
  • Press Ctrl + F and search the code shown below


<h4 id='comment-post-message'><data:postCommentMsg/></h4>

  • Now replace the highlighted code with one of the image code shown below


LIST OF IMAGES


Here I am giving some sample of images you can use them or you can add your own image.

SAMPLE 1



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFqPu15Gv8yRWkOBHVi7Pvq1UGFVW2J_Gy-BaoifAkDR-eNzt50ssmVQPbrxBjRsfq3aUzDojf-XSRBjKPB6LoI8TmBswhST_e5Or3irC5GCqR7QgPgUPAtRnFTGesGiKJKYWIjBDWib_w/s1600/comment+cloud.png" />

SAMPLE 2



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbz0jQuA-NHsRYdo315OIpMAwtPRtPZCVuVM4UAiUim_9gT7el677ClnC4zF_CExyX3hdfN2N7q_WiAzwZcLYVxLoul_ofYhTQyCZFJUjyCRkqupMwTzncaF-HXQc-URGQbZFuuxqdoQF5/s1600/comment+here+flowers.png" />

SAMPLE 3


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Odj19JhUWftFByU2LcFkSGqLFje83sgVvonDpP4361qYIgxUbKHj12AjSHJljLB7RoKWt7D8yc2AHA4zGD3WiasQmxwtrMjQu07p8soRASYix6XiK6v2rFRr5YuxTSZ_wfh1SC29Oz52/s1600/PostAComment+%286%29.png" />

SAMPLE 4



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqDmcWW5taddUqJxGtlO0Htlyf3WYuRoeMVtDtobDKJTTfW6u0G_qzrOGyyX3RCEZssmaAwJl4cG-u5vIU9H7furm_a0-0GZSmCswMO7_4EjYUZgOAaOhX_gN8BoUsD7pdX4coTGxGvkA1/s1600/PostAComment+%282%29.png" />

SAMPLE 5



<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDzRDDGla_gN9ZWiRe-jPN7Q55R88XZdlD3y-EcKMPN0I_-VGTk7v9FbJCIApQUfILpYU40BhuO2VuPtxAUymrUbKnmm-ENJk_FCiteyPJR5B6vpI2E7gONsiu2McL6FSRMtcB1ujrT0du/s1600/PostAComment.png" />

SAMPLE 6


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJLzXHBlg4N61pydw0h-PXZ4dPQ1hdFGfguxnwGd6UIrVZcKvTOvEAGpyy6ky6y8-l53iOvSutwHjfZCdME7fMuXGfuAouamxyhHaEbk0D2oUzo3VAQ-wVc6-Z15d4U1IrY8A8uGybYDZ3/s1600/PostAComment4.png" />

  • Now save your template

Like it? Share it.

3 comments

19 July 2012 at 02:58

should i replace the code "h4 id='comment-post-message'><data:postCommentMsg/" with the image code??

19 July 2012 at 05:06 Author

@Karan Kumar Kanathe Replace this code <data:postCommentMsg/> with the image code

Sunil
19 July 2012 at 05:15

hey replacing the whole code with image also work.

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.