Receive More Updates


SMS: Send FOLLOW R_E_T_B To 40404 For Free - EMAIL: REALITYTECHSBLOG@GMAIL.COM
prexblog notifications

» » How To Replace "Post a Comment" Text With a Cool Image/Text On Blogger-Realitytechs

Thursday, 21 September 2017

How To Replace "Post a Comment" Text With a Cool Image/Text On Blogger-Realitytechs





Spice up your comment section by changing your old boring "Post a Comment" text with cool image or a text as you wish.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 these images or you can add your own images.Now lets go to the tutorial:

How To Replace Post a Comment Text?


  1. Go to Blogger Dashboard > Design > Edit HTML.
  2. As always download/backup a copy of your template.
  3. Tick expand widget template checkbox
  4. Now find below piece of code in your template


<data:postCommentMsg/>


You will find this code more than once,you need to find the code which looks like this -

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

Now replace above red colored code with one of the below image code.Here you can use your own image or your own text also.

Some Image Samples

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

Sample 1


<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='http://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='http://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png'/>

Sample 2



<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='http://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='http://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png'/>

Sample 3



<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='http://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='http://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif'/>

Sample 4



<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='http://2.bp.blogspot.com/-QAbEwoOcC5E/T3skrrr4yfI/AAAAAAAABV0/CAG_H840HOw/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre7OZCEzI/AAAAAAAACEQ/oNyvoWQOCuY/s1600/colored+comment+text.png'/>

Now save your template and you are done.

Don't Forget To Share This With Your Friends Using The Share Bottons Below. Stay Connected To Realitytechs.com.ng For More Updates.



No comments:

Post a Comment

Realitytech