Skip to main content

Change "Post a Comment" Text With a Customized Image/Text On Blogger

Design you own comment section by replacing your template default "Post a Comment" text with customized image or a text of your own selection.This is just a simple HTML editing that you need to know. You don't need to be a techy just follow my step by step instruction.

Today I am giving few pictures which you can use or you can add your own created designs.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.
  • click expand widget template check box
  • Now find below small junk of code in your template
<data:postCommentMsg/>

You may see this code more than once,you need to find the code which looks like or closely similar to 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.blogs911.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.blogs911.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.blogs911.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.blogs911.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'/>

Also read: Adjust and customized all margins in your template

This simple HTML editing will give another good design on your comment section, you can select any picture or create your own design you want and change the the picture given in the tutorial.You can find more template tweaks here: Blogs911 Template Tweaks

Popular posts from this blog

How To Add HTML Contact Form for Blogger Blogs

Our problem in creating a contact form is that you don't want third party contact form cause it will burden your loading page and if you want to give your reader an instant contact form but don't want to show your email, this HTML form will help you with your problem

You can create a simple form, as displayed below, to enable your visitors to send you comments, questions or whatever you'd like.

1.Log in to your dashboard--> layout

2.Click on "Add a Gadget".

Now Select "HTML/Java Sricpt"

3.Copy and Paste below code into it.
<FORM action="mailto:[email protected]" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" s…

High PageRank Do-Follow Forums List (606)

Besides from getting your answers to unanswerable queries, the good thing of do-follow forums is to create a good back links through their High Page rank pages on Google, creating your pointing to your site makes your blog grows faster in ranking,

Now a days it is very hard to find do-follow link website because they are making their site as no-follow, like the wiki, it is before a do-follow site but since many SEO experts use wiki as spam they control it and made it no-follow, so now I am giving you a list of do-follow and high ranking sites that you can use to make your blog popular.

Its your tactics on how to create your links on this site, but remember not to spam cause Google might hit you. :)

Here are the list enjoy

ForumPR1http://www.addthis.com/forum92http://chronicle.com/forums/83http://forums.myspace.com/84http://forum.joomla.org85http://forums.cpanel.net86http://forum.siteground.com87http://c7y-bb.phparchitect.com88http://forum.meebo.com89http://forums.mysql.com/710http://f…

How to Use Facebook, Disqus and Blogger Comment tab Together in Blogger Blogs

As writers of  blogs, we all are aware of the importance of comments. While it is true that some blogs/websites tend to disable comments entirely, those are special instances where the websites do not essentially require comments. However, in general, comments form an integral part of any blog, be it a personal one or a magazine site. After all, what good is any info unless it provokes a healthy discussion?

All blogging platforms (including WordPress) come with native support for some sort of comment mechanism which seems to suffice for most bloggers. But sometimes, users may require some dedicated or specialized comment mechanism. This is where third-party commenting systems come in handy. In this article, we will take a look at some of the major third-party commenting mechanisms

Disqus
Disqus is a mature comment management system and perhaps the most used amongst bloggers and website owners. Introduced back in 2007, it is currently serving more than 750,000 websites. According to a …