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?
- Go to Blogger Dashboard > Design > Edit HTML.
- As always download/backup a copy of your template.
- Tick expand widget template checkbox
- 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hf3ORl61WKd2uAWCbNR8H88JG_dfUVs9i7kTLkdZDDRGch0ShmPbxWUn5Q_hi2rARdF4abbOLlxypXT196QW2FYcWKr5XzhHiqMxd7dN4IH-ANIlks5Zok30nnPbnd7cnhTJ10SMtGk/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqEujREZ32SQ5rZt5bIGHNotS62DOIJirz1yda1596qKUGQPczWwDqWN1vBObMKqdL4XxonQ4ZQLeJhd7DVKZ13N9u47C9gCk7HmmRAVBrj77bRa-cVVxAbTFYmy_yZQyLKub-xVwOHfY/s1600/leave+a+comment.png'/>
Sample 2
<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hf3ORl61WKd2uAWCbNR8H88JG_dfUVs9i7kTLkdZDDRGch0ShmPbxWUn5Q_hi2rARdF4abbOLlxypXT196QW2FYcWKr5XzhHiqMxd7dN4IH-ANIlks5Zok30nnPbnd7cnhTJ10SMtGk/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5cLrLSusp2LmoBZXKGGONe4rS-N0-ZHkB7SF63QINmHKVk-pC5hQJJ6DGWBQM9s0hwuZKM729QC0N0uYoqSHG_PqjfGx5P8GxQGhYD-tUMwZqF4gBKtE_uCvy2KcX50qNQYaceFThNY/s1600/Post+a+comment+blogger.png'/>
Sample 3
<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hf3ORl61WKd2uAWCbNR8H88JG_dfUVs9i7kTLkdZDDRGch0ShmPbxWUn5Q_hi2rARdF4abbOLlxypXT196QW2FYcWKr5XzhHiqMxd7dN4IH-ANIlks5Zok30nnPbnd7cnhTJ10SMtGk/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXX67mbHHXkL6vP-qCx5kfdZrIc3vuNVSRODxKStBXgFIILndb_xv_uJxcTEytcDKS5ZHD5myTBsDYh03yt_NY0xB_Xvzzki9obsbztv05tIr3MC63UK9X4k7SHauxHjqOTFQ0q-T0wMNp/s1600/comment.gif'/>
Sample 4
<a href='http://www.helperblogger.com/'><img alt='Blogger Tricks And Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hf3ORl61WKd2uAWCbNR8H88JG_dfUVs9i7kTLkdZDDRGch0ShmPbxWUn5Q_hi2rARdF4abbOLlxypXT196QW2FYcWKr5XzhHiqMxd7dN4IH-ANIlks5Zok30nnPbnd7cnhTJ10SMtGk/s1600/blogger-ticks.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-_3qCsvIQLyafNxmKkLKYRhxgca2CXeos8tmnC_cYNbgZFC2UN9lNOJLnxZOYeAz_UHPC7T_LdoauYBINx12U-kyjQtACCB2nUgS0NntNLC_sZxA_6OkOvSYd3w0LpzF_wG5Pj30xuWr/s1600/colored+comment+text.png'/>
Now save your template and you are done.
Post a Comment