Inline Comments For Blogger / Blogspot


Blogger has now come forward with inline comments like in wordpress.This allows you to show a comment form beneath your blog post just like in wordpress(in fact a little better) inline-comments-for-blogger

To enable the new Comment Form , Go to Settings > Comments and set Comment Form Placement as
Embedded below post and Save the Settings
inline-comments

Save the settings and if everything went right you should get an inline comments form like mine..
If you have a modded template this may not work for you. In that case try these steps.. Go to Template>Edit Html


and find this line in your template code:

<b:include data='post' name='comments' />

and replace it with

<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>

I hope you got the embedded comment form by now...;)



If this didn't work for you try the steps mentioned below..
Find  this code


<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>


Now replace this code with

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>
</b:if>

</p>

Sometime you may not get it right even after doing this..If this too doesn't work try the following method Here what we are actually trying to do is that we are finding the Post a comment link which appears after the list of comments and replacing that link with the new comment form..

The normal code which generates the Post a Comment Link looks like this


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


But this post a comment link would be there at different places in the template.Make sure you find the one which is shown after the list of comments..And now replace this comment link by the new comment form code.. that is


<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>

If this too doesn't help or if you get into some errors or if you need some modifications please let me know.. I would be happy to help you..

65 comments: Add Comment
Stan said...

Nice to see google adding more features to blogger.Blogger is getting better and better and maybe it will soon beat wordpress..

Planet Apex said...

Wow, that's great, I've been wanting this feature for a long time. thank you very much for telling me about this. this will increase comments for blogspot bloggers a lot.

Channelofhealing said...

Thanks Aneesh am using it for my blog now
Godbless

Blogger Plugins said...

you are welcome!! nice to see more and more blogs using the inline comments feature..

Lukman said...

Aneesh, thanks for your tip, it has worked !!!!!

I have joined your RSS feeds

Thanks once again for a super swift response to my query.

Blogger Plugins said...

you are welcome.. hope you will have a nice blog with the new style commenting system...

lissa said...

thanks, will try what you recommended, I'm thinking it didn't work before was because I was not in Blogger in Draft, I have save the setting in Blogger in Draft but somehow when I go to layout it went back to the regular dashboard

anyway thanks for your help

Jain said...

Thanks for informing me about this.. but his comment form doesn't allow me to preview my comment.. :(

Vikram said...

My template does not have the code you have asked to find in the your post. Can you help me with this??

Cidão said...

Hi, Aneesh

I saw what you wrote in my Blogtest but I got this message error: Element type "iframe" must be followed by either attribute specifications, ">" or "/>".
Should I put /iframe before /div or another end tag?

Thanks for visiting my blog!

R2K said...

I want this : )

Sunshine's Mommy said...

Awesome! Thanks for posting this, I will make sure to get it on my blog. I love it.

Blogger Plugins said...

@Cidão Nice to see it working on your test log too..

@Vikram Yes that sort of code is there i your template.. i haven't give the absolutely same code as it may vary for different templates..So you will have to find the paragraph element which contains Post a Comment Link . We are going to replace the Post a comment link with the comment form..If you still have trouble..feel free to contact me or just download and mail me the template.. i will fix it for you..

fanari said...

blogspot will never beat wordpress

Angie said...

OK... I'm getting somewhere... just not quite there yet.
I have the comment box and it works to comment on. However the comments don't show up under my posts, there is what looks to be a link and the # of comments, but it's not clickable. So no one can read the comments posted.

Any ideas? I had to use your third scenario and I have still have this strange code that I think is the problem. It's: *b:if cond='data:post.numComments == 1'* 1 *data:top.commentLabel/* » *b:else/* *data:post.numComments/* *data:top.commentLabelPlural/* »
*/b:if*
(replace the * with opening or closing tags - the comment form didn't let me add the actual tags)

I'd appreciate your help. My blog is at: http://photosforthefunofit.blogspot.com

Cidão said...

Thanks Aneesh. It worked because it's a template blogger, my other one has different codes and lines. But you didn't answer my question about "iframe" end tag. May I mail you my template for you to see what's going on with rating stars and Inline comments?

Blogger Plugins said...

@Angie I didn't understand where you went wrong..by the way the code you have posted is used to show the number of comments..

It will display 1 comment if there is a single comment on the post and it will display n comments if there is more than 1 comment..
You might have deleted some code which is used to display the comments..

I have another important suggestion for you.. You are using the feed widget to display your feed widget to display your recent posts and you have used the feedburner url there.This means your recent post list will be updated only when feedburner receives a ping.Another thing is that this will show feedburner urls like http://feeds.feedburner.com/~r/MyPhotosForFunBlog/~3/323198888/iris-and-magn

instead of showing the actual link of the post..
So it is better to change the feed url to
http://photosforthefunofit.blogspot.com/atom.xml?redirect=false

this will use blogger's original feed and all the above problems will be solved..


@Cidão there is no need to use any </iframe> Yes if you send me the template i can fix it for you..

i have mailed you to the mail id listed in your blogger profile..

Cidão said...

What's your email?

DJYano said...

Good job my friend. but i use intense debate in my blog. I'm quite alright with it right now.

Dette said...

Aneesh! You are so sweet! Thanks so much for trying to help me fix my comments. :) I tried, and tried again... but no such luck. It's okay, though, I know I'll probably change my theme sometime in the near future anyway, and then I can switch to these new cool comments.

But I wanted to drop a line and thank you! I'm adding you to my reader - hope you have a great weekend!

Blogger Plugins said...

you are welcome.. i could fix the template for you and add the inline comments to the template if you mail me the template or upload the template somewhere and send me the link..

Tom said...

Hi Aneesh. I'm hoping you could help me. I have what I'm guessing is an OLD template (been blogging for a few years, and I publish using FTP to my own hosted site), and the only code relating to "Post a Comment" was this:

...a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>>
Post a Comment<...

After switching to embedded comment form, no matter what I replace it with I seem to get nothing where the post a comment link used to be. Any suggestions? Many thanks in advance!

Tom said...

Never mind - I found the solution. I have a "classic template" and found this will put it in correctly:

...p class="comment-timestamp" align="center"><$BlogItemCreate$><...

Blogger Plugins said...

nice find!!! i hope you were able to implement it on your blog...

Brandon said...

Thanks for leaving the help in the comments on my website, but doing what you suggested didn't work. It gave me one of those crazy errors and said it couldn't complete my request.

If you have a chance, please come back and help.

www.frombrandon.com

John Smith said...

I have been trying to implement this new comment form, but it doesn't seem to work for me. I tried using draft.blogger but it's not working. I'll try again.

Anyways, I still like your new design because it looks professional...

Blogger Plugins said...

i hope you will soon get that right..

John Smith said...

I got it to work!
I only had to add one line of code to my template. I tried giving you the code, but this comment form cannot accept the HTML.

Brandon said...

Yes, I did try out the comment form instructions that you posted on the blog itself, but it just does not seem to want to switch over.

Blogger Plugins said...

just mail me your template.. i will fix it for you..

Blogger Plugins said...

ok i have edited the template and mailed it back to you..

Stelian Andrei said...

Thanks for this. I opted for the inline comments a while back, but I had no idea the form was not working. This saved me a lot of work

Jeslin Lam said...

hi i am using the classic template and i cant seem to have a comment widget cz im using blogskins.. could u help me?

ONLINEMF said...

I tried the above instructions, however they do not work.

onlinemf.blogspot.com

I get the same "b:if" error msg. pls advise.

Angelus said...

It didn't work for me, I'm going crazy. What can I do? What I'm doing wrong?

I tryied to post the code after correction but its not possible.

I'm sorry I'm not an expert, I just want to write my little blog and have some little comments, do I have to became an ingeneer for that?

Thank you very much for your help, I know it's nothing about you and I shouldnt complain, but Im so frustrated with blogger...

Louisa said...

Gosh this is AWESOME! I am so excited to have found your blog!!

Darth Tumi said...

Ummm, when a user posts a comment, the first time gets "an error blah blah, try later". Then he presses again the button and it works.

What ca it be?

jayr said...

i used to try this thingy to my new webBlog, posting a comment below my blog post.. but it seem not working in my blog. i try the update one, but it also not working.. here is my blog

http://cebufestivals.blogspot.com/

can u help me this thing?? thanks..jayr

Olusola Bodunde said...

I followed the steps but didnt achieve the inline comment box, what do i do next?

Anonymous said...

I am using a "classic template" as well and I am having trouble implementing the inline comment functionality. I have the same code present in my template as "Tom," but I am not quite sure what he did in order to get the inline comments working. Any help would be greatly appreciated, thank you for your time.

Here is the code for commenting that I have:

...class="comment-timestamp">
<$BlogItemCreate$>
...

blink360 said...

Believe me i followed the instruction correctly but it doesn't work with me...I think this not applicable to blogspot.com....

email: blink360deg@yahoo.com

Baby Banz, Inc. said...

help! i cannot get this to work and need it for an event starting monday!! can you help? @babybanz on twitter shari {at} babybanz {dot} com

Fun-markaz.tk said...

Movies Games Software Live Tv 18+ Movies Cricket Highlight WWE and More Then
http://fun-markaz.blogspot.com

krease said...

how do i get my comments section to look like yours instead of the standard one

Web Design said...

Blogger is getting better day by day. Now more and more comments can be added. Thanks for your valuable information.

vps said...

Thanks for your advice for good comments.

DevilKhan said...

I can't see the cade in my template pl zhelp me i really want this

Ratna Rao said...

hi, I have tried everything you asked me to, but I still have comments as a word with a line under it. also pls tell me how to make the write-in box available under the blog. the template I use is TicTac

Sary said...

Hi, I did these 3 method but it won't appear. Can you help me to see if it is possible to work or not or I might change my temple to use your hack

www.creativelayer.blogspot.com

Thanks

Darleen said...

Love your site!! It is the best that I have found to get me up to speed with CSS and XSLT .. as has been years since I did web dev and that was HTML. I am now blogging and trying to figure it all out, without costing $1000s that I don't have.
Thanks so much.

فليبيديا-عالم المعرفة said...

thank you very much

Autocratic JALAL said...

Hi there…!
i have problem with my blog i cant moderate comments i have changed settings of comments in blogger. i have on comment moderator to ”always” and i have also marked yes for word verification . i changed my template many time but still it publish comment with out letting me know it

Would you kindly tell me what is the problem plz

film izle said...

Works great! Thanks.

MariB said...

none of these options worked for since, none of the "lool for this" item exists on my html. :( please help

Blogger Plugins said...

@MariB - you are already having the inline comments on theseasol.blogspot.com

The Piel Family said...

Please help me! I created a memorial page for my uncle in hopes to raise financial assistance for my aunt to cover his funeral expenses. I have tried EVERY way possible to make the POST COMMENT section appear and have the comments remain on the page....please help me!! Here is the page http://michaelpiel.blogspot.com/?spref=fb
my email is neuronurse88@gmail.com
PLEASE HELP

The Motley Monk said...

I tried everything. Nothing worked. Here's my blog:

http://themotleymonk.blogspot.com

email: rjacobs.osa@gmail.com

Thank you.

Lalitha said...

I've been trying this for more than 2 years now. The inline comment just does NOT seem to work -i have tried various suggestions given online (all suggestions from all sites are v.similar to the ones given by bloggerbuster - Amanda) Can you pls help this with my site... it is 214recommends.blogspot.com. Pls suggest how i do it.

Shane Pilgrim said...

Aneesh,

I have been trying to add inline comments to my Blogger site for quite some time now with no success. Most sites recommend the first 2 tips that you shared, your post is the first I have found to include the 3rd method...however, even after I changed the code this method has not worked. On the bright side, it's the only fix that did not give me an error after I used it! Do you know of any other ways I could embed the comment box into my posts? Please keep in mind, I'm a bit of a novice at editing code so you may have to dummy things down for me lol.

Blogger Plugins said...

@Shane - there is a very simple one click method which will give you the inline comments.
But you might loose some template customizations. So first make a backup of your template and then on the Edit HTML page, click on the link which says "Revert Widget Templates to Default".
Now if you have selected the "Embedded below post" option in comment settings, you will see the inline comments and comment form.

Shane Pilgrim said...

@Aneesh - I just followed those steps and the inline comments have not appeared on my page. I also didn't lose any of my customizations to my template, so I'll call that fight between myself and Blogger as a draw. Do you have any other suggestions?

Blogger Plugins said...

@Shane - are you trying this on this blog? -http://www.ahthepossibilities.com/2011/06/comfort-break.html

if so, i think you forgot to change the Commenting Settings in Settings > Comments

Shane Pilgrim said...

@Aneesh - Ah, The Possibilities is not my site, just one I am following. This is the link to my page:

http://www.500daysofshaneiferd.net/

Shane Pilgrim said...

@Aneesh (again) - Okay, follow-up post...I just managed to add the Inline Comment box to my entries. However, it is added to the top of the entries instead of the bottom. I have the Embedded Below Post option checked, and under the Design>>Blog Posts element I have moved the comments link below my posts, but the inline form remains at the top of my posts. Progress has been made, however! All I need to do is move the form to the bottom...

AALUNGA said...

Thank you for your trick. I got it!!

Post a Comment