Change Post A Comment – Link and Text From Blogger/BlogSpot Blogs

From Change Post A Comment - Link and Text From Blogger/BlogSpot Blogs To Change Post A Comment - Link and Text From Blogger/BlogSpot Blogs

If you think that the phrase “Post A Comment” looks too old on your blog, then here’s a simple hack to replace it with your own words.

If you are not using the embedded comment form, then there will be a link “Post A Comment” on your blog. And if you are using the embedded comment form in your blog, then there wouldn’t be a “Post A Comment” link in your blog, But you it will be present as simple TEXT, just above the comment box.

To replace the phrase, follow these steps:
Log in to Blogger.com, then go to Layout and click on Edit HTML tab.

Now mark the Expand Widget Templates

Find (CTRL+F) these code (RED) lines in your template code:

<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>

and this one too:

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

Now replace the code in RED color, with whatever text you want, like “Sign The Guest book” etc.

And to use any other font/image instead of simple text, create a small image with your new message, upload it to Tinypic to get the DIRECT LINK to this image.
Now replace the code highlighted in RED color with this code:

<img src=”http://tinypic.com/***/DIRECT_LINK_TO_YOUR_NEW_IMAGE.jpg”/>

and finally save the template.

Image credits: DryIcons.com

Leave a Reply

91 Comments on "Change Post A Comment – Link and Text From Blogger/BlogSpot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Anonymous
Guest
Divya Sai
Guest
Roady
Guest

it didnt work.. said there should be a matching end xml tag 🙁

View Comment
Divya Sai
Guest

Dude simply delete the code in red and write anything over there, it shouldn’t give any error !

View Comment
Edie
Guest

Can you tell me how to reposition the “Post a Comment” link please. I need to increase the margin but I can’t find the code that applies to that link.

View Comment
Divya Sai
Guest

Hi Edie,

Keep the red part in the code above (in the post) between the div tags, like this:

<h4 id='comment-post-message'><div style=”text-align: right;”><data:postCommentMsg/></div></h4>

You can similarly change other font styles too, I hope you got it !

Regards
Sai

View Comment
Edie
Guest

Hi Sai!

Thanks for your quick response. I did that but it didn’t work. Here is my copied code. I replaced the brackets with () for the purpose of this comment field box. They are brackets in the actual code.

(h4 id=’comment-post-message’)(div style=’text-align: right;’/)(data:postCommentMsg/)(/h4)

Here is a link to the page.
http://rgcreate.blogspot.com/2008/08/blockquote-post.html

What I have been trying to do is get the “Post a Comment” link to move over to the right. If I could set a margin of 20px that would do it but nothing I have tried has worked.

Any help you can give me would be greatly appreciated.

View Comment
Edie
Guest

Shouldn’t this code work in the Head

#comments-block .comment-post-message {
margin-$startSide: 20px;
}

View Comment
Edie
Guest

Sorry for so many comments. I saw my error in the code you gave me and tried it again as follows. Again substituting <> for ().

(h4 id='comment-post-message')(div style='text-align: right;')(data:postCommentMsg/)(/div)(/h4)

Still didn't work. :((

View Comment
Divya Sai
Guest

Hmmm, okay try this code, I have tried this method on this blog itself…

<h4 id='comment-post-message'><div style="text-align: right;">Post A Comment</div></h4>

View Comment
Edie
Guest

Still nothing.

View Comment
Divya Sai
Guest

Okay….then first delete the code in red (<data:postCommentMsg/>), and something different like "Share Your Views" or "Please Comment" etc. & check if you are editing the right code or not…
And if it is not changing the text after saving the template, then there might be some other code in the template….

View Comment
Edie
Guest

Ha! That’s the problem!

I have not been able to find the code that applies to this. All the other text in that area is controled by the #comments-block or #blog-pager code but this one link won’t budge no matter what I do.

If you think you know where I should look please share, but if not then don’t worry about it. I will play with it some more. I appreciate your help!

View Comment
Sai
Guest

Ohk…you are talking about the “link” ?…

Then it is the first code in the post:
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>Try to change the ‘data:’ thing in this code…and see if the link changes…

View Comment
Publyc_Enemi
Guest

THNX…i like ur tips

View Comment
Web Design Quote
Guest

Thanks for the post and i think this is a very useful tips to change post a comments. I hope blogger like to change this.

View Comment
Золоогийн блог
Guest

Hey, thank you for replay me, But i want to become more easier to write a comment. Because my comment can not published. I can not see repeat word line, do u understand me?

View Comment
Sai
Guest

@ Золоогийн блог

Couldn't get your problem, can you please rephrase your sentence and if possible show me the problem in your blog…

View Comment
Magical Tannsu
Guest

thank you so much (:

View Comment
Manish
Guest

Hi nice one girl 🙂

View Comment
wpDiscuz