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.
Here I am giving some sample of images you can use them or you can 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
3 comments
should i replace the code "h4 id='comment-post-message'><data:postCommentMsg/" with the image code??
@Karan Kumar Kanathe Replace this code <data:postCommentMsg/> with the image code
hey replacing the whole code with image also work.
Click to Add a New Comment