Facebook comments: comments
You found a really nice layout for your (Classic) Blogger and you decided to use it on your site. So you downloaded it and put it up on your blog only to find out later it doesn't have the commenting feature enabled. This can be a frustration especially when you have no idea how to add the comment feature.
This tutorial will teach you how to do it yourself with as little trouble as possible. Also, this tutorial is intended for those who want the comment form to be embedded below the post.
NOTE: Before making any changes to your template, make sure you save a backup copy in case you screw it up in the process of editing it.
First, you need to go to Settings > Comments and make sure you check the radio button for Show comments. If you have this already set, you can skip this step.
Next, open your Template and go to the <Blogger> </Blogger> tags. Put the following snippets anywhere between those tags, preferably just before </Blogger>. The purpose of the <ItemPage> tags are to ensure the comment feature does not appear in the mainpage.
<ItemPage>
<BlogItemCommentsEnabled>
<div>
<BlogItemComments>
<br /><$BlogCommentAuthor$> <strong>said on</strong> <a href="#<$BlogCommentNumber$>">
<$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
<p><$BlogCommentBody$></p>
</BlogItemComments></div>
</BlogItemCommentsEnabled>
<$BlogItemCreate$>
</ItemPage>
Next, you want to add the codes that will be the link to the comment section, including the comment count for that post. You can paste this codes anywhere you like but it has to be between the <Blogger> </Blogger> tags.
<MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
comments</a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Leave a comment</a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
Save your template and you can try it out.Labels: commenting feature, tutorial
Related Posts:
Comments to Tutorial: Adding in embedded comment form:
Hello, you are heaven sent and was just about to give up and completely move back to Wordpress.
But I found another glitch: even with the Itempage tag, the comment box and existing comments are still visible on the main page. Can you help me?
I can't figure out how to do this. I need the number of comments to show up next to my posts so that people will know to click to make a comment. Right now they must click on the title to comment but there is no number so people don't know.
Is this the code I add? <$BlogItemCommentCount$> I can't figure out where to put it. All of the posts I read said to put it between tags. I don't know where these are. I don't see it in the html coding. I am a beginner so I am a bit lost. Here is the blog: HELP!! :)
www.lessonplandiva.blogspot.com
I tried this and it didn't work. While looking through the coding in the template, I noticed there were multiple "" tags. Is there a specific one I should use for the comments? Or does it matter?
Hi Knittedfox,
I looked at your blog codes and I see the <Blogger></Blogger> tags appear twice so what I suggest you do is you have to apply the codes above TWICE for each of the <Blogger></Blogger> tags.
I downloaded your source code and did a test. The suggestion I mentioned above work. :)
Hi!
I've tried this tutorial on a lot of skins now, but I can't get it to work. I was wondering, if you might want to help me, by looking at my template code, and fix it? It would be lovely if you wanted to!
Hi! I looked at your template and see everything's working fine. There's no problem with the comment section.
Hi Kitty,
I followed your instructions and added the codes into my blog, but it's still not working out very well.
I can click on the "comments" or "leave a comment" tabs but when the new page pops up, the comment box and previous comments don't appear.
Wondering if you could help?
Thanks so much!
Helen.
Hi Kitty,
Sorry about the second comment, but actually my comment section just started working. But how do I get the users' icons to appear beside their names??
Thanks again!
Helen.
Hi there! I replace the original code with the code above and it didn't work. I'm sorry to be so unsmart about this, but could you tell me where YOU replaced the code, I must be doing it wrong. Thank you!
Hi Sarah, what codes did you replace?
You need to paste the first code just before the </Blogger> tag.
And make sure you have checked the button for the Embedded comment in the Settings.
If everything doesn't work still, you can re-install the layout you are using with this one. This is the same layout as yours but I edited the comment section:
http://pastext.net/5817
Hello Helen, are you referring to the user profile avatars? If that's what you are referring to, I'm afraid there is no way to do that in Classic Blogger. It's a feature for New Blogger template only.
Thank you SOOOOO very much for you help! That seems to have fixed it. d*^______^*b
Hi kitty,
this is really great what you're doing but its not working for me unfortunately. I can't find the codes at all on my template. how do I fix it? can I send you me template code and have you fix it ?
Hello @SOJOURNED IN STYLE, I'm afraid I can't help you there since you are using New Blogger layout. I can only help with Classic Blogger templates.
Hey, I'm having problems with my comments showing up embedded below the post. Please help?
@Pancake, what is the problem?
OMG. you do not know how much I love you for this tutorial!!!! <3 <3 Your tutorials are all really helpful~ :3
Hi Kitty!
I tried multiple ways, including your tutorial to insert the comments section for my blog, but it is still not working out for me. I am currently using Blogger Classic as I do not want to lose my current blog template if I switch to the new Blogger. Any idea how to salvage my situation? I would be indebted to you.
XOXO,
http://whimsicalityindisguise.blogspot.com/
Hello @whimsicalflower,
are you sure you have put the codes at the right places?
If you still can't, you can send over your blog codes to me and I'll put it in for you.
OMG UR A LEGEND!! thankyou so much! i was THIS close to giving up! www.chhimmigurung.blogspot.com
@Chhimmi, I'm glad the tutorial helped you. :)
hello..i need ur help....
i try many ways to put your comment code in blog templats but it can't use...
can u put it for me please.......
this is my blog http://azieyanaayob.blogspot.com
@QasehCinta, upon checking your blog and looking at your comment link, you need to set the comment to be embedded below your post. Go to your Dashboard (if you are using the new interface, please switch to the old one just for a moment, you can change it back after you read this tutorial) then go to Settings > Comments and look for where it says "Comment Form Placement". "Choose Embedded below post" then Save.
i already try what u teach..and i already use the classic template...but it still doesn't work...when i click on other entry, the comment was disappear...please help me...
Yes I can, but you'll have to give me your codes or let me access your blog.
@QasehCinta, I've removed your comment as it contains your private information. This is to ensure security of your personal details.
Like seriously! This is so helpful! Thanks :)
Hi there, I have just started using a new blogskin on blogger's classic template, but I just can't get the comment boxes that I embedded to work, I have tried many codes, but whenever I click the "comments" its either an error page or there's no response, please help me! thank you lots!!
Hihi, so sorry Kitty, the suggestions that you gave in the text actually worked for my blog!!...but but right now there's still one more problem, that is the comment box only appeared at my main page, after i clicked on archives, the comment box is not appearing for the same blog posts. I can't find another on my template, what should I do? Thanks soo much!! =D
@靖, have you tried and followed the tutorial above correctly?
@靖, you will have to put the comment codes in between every <Blogger></Blogger> tags you have.
Hey Kitty :)
So here's my problem..
I can't find tags.
How??
@Raja Anis Munirah, which tags are you referring to?
aish~ i've tried this tutorial but it didn't work .-. ( this is my blog www.sweetymoonclaire.blogspot.com )
can u help me? i'm a mess
p.s u're amazing!!thanks for all!!! ^^/
@Chyiara, the codes must be placed within the <Blogger></Blogger> tags for it to work. Also, be sure you have change the comment settings in your Dashboard to "the comment form to be embedded below the post".
yeah i tried, but i see the comments only if change the comment setting to popup window and not to embedded below the post hmm why? .-.
There's probably a missing tag somewhere which cause it to not displayed properly. If you want, you can send me your codes and I'll install into your theme and send it back to you.
Hi Kitty, I tried this and it did work but the codes are showing up right upon the comments box...
http://desmond.imageshack.us/Himg155/scaled.php?server=155&filename=semttulogpxm.png&res=landing - just like that /:
can you please help me?
@Barbie, all you need to do is delete the codes that are showing. Look for them in your file and just remove them.
Hi - The embedded form worked! However, it is unlike the normal themes given by Blogger, in that we can't reply? It's all stacked one on top of each other, and I can't reply to each comment individually! :( Help! And thank you!
Sorry, and also, the links:
() comments | Leave a comment
are somehow resting above the header of the next post below it instead! It seems a little misleading that those comments are for another post. Could you let me know where to relocate the code? I can send you my url and template code if you want -- Thank you! Thank you!
@Stephanie, unfortunately, for Classic Templates there is no reply function (threaded) for individual comment which is why the comments are just stacked on top of each other.
On your second question, just move the codes to where you want it to appear, for example after the <$BlogItemTitle$>
On the template itself, they have actually given this:
di v class="comment" BlogItemCommentsEnabled a href="$BlogItemCommentCreate$" title="<$BlogItemCommentCount$ comment(s)"+/ a /BlogItemCommentsEnabled /div/td/tr/table /div
div class="bbody" $BlogItemBody$ /div /div
But it doesn't seem to work! Also, it seems to contradict with my hovering sidebar as well:
div id="sidebar"
div id="lolpic" img src="http://i45.tinypic.com/2whfk42.jpg">di v id="links" br
a class="link1" href="/"HOME/ a br a class="link2" href="http://facebook.com" target="_blank"FACEBOOK /a br a class="link3" href="http://chictopia.com/" target="_blank"CHICTOPIA/a br a class="link4" href="http://www.blogger.com/follow-blog.g?blogID=$blogID$" target="_blank"+FOLLOW/ a/di v di v id="bans"HOVER/ a/div/div div class="intro" welcome.
which is located below the . It seems that only one or the other can work when I delete them separately. Is there any missing tags or anything? ( I had to take away some <> tags because it wouldn't post)
Worked like a charm. Thanks so much for the tip!
Thank you so much, I really needed this!!
Hi Kitty, i've tried but it didnt work. the "leave a comment" appeared but when i clicked it, it was gone. can you help me?
thank you
@Kuro_rin, what do you mean by it's gone? The comment form?
No matter how much i try to add a comment box it wont work. i have no way of adding a comment on my post T_T please help me!!!
I need to hide avatars. Is there a way you could help me with this?
Thank you.
@Anonymous, put in your stylesheet this:
.comment-icon img {display: none;}
I just changed the layout of my blog and there was so many widgets that had gone missing. Thanks to you, I've avoided so many headaches. YOU'RE THE BEST!
you are a goddess. thank you!
This is just what I was looking for. Thank you!
thanks .. been looking for this . but one problem . why does there no reply button?
@Ms Ibitsu, for Classic template there is no reply button.
yay, its very helpful thank you so much *hugs*
hi, i need a bit of help! i've been trying to add the comment codes and the "leave a comment 0 comments" appears 3 times in a line under the first post of my blog and nowhere else... i'd like it to be one on each entry, is there any way of doing this?
goldflume.blogspot.com
never mind, managed to work it out!! thanks for a great tutorial :D x
I love it! but the icons don't show...
Hy there!
I am also trying to make a skin for my taste, but the comment box still not apear!
I`ve tryed everything :(
http://testfortemplate21.blogspot.ro/
@Andreea, I saw your template and I saw no problem there with the comment form. But if you mean you want to have it embedded instead of popping up, in the Settings > Posts and comments, for the Comment location section choose Embedded
hei kitty ..i love your tutorials !
can u pls suggest a way to make the comment section expandable ?
i am using a classic template and cant find any way for doing it !
thanks in advance !
:)
@chetnasee, thank you. What do you mean by expandable? Do you have any sorts of example that you could show me?
as in i dnt all the comments to show.. only one or two comments would be enough . else it fills the enire page ..
are you getting me ?
@chetnasee, what you can do is, find this tag <BlogItemComments> and put <div style="height:250px; overflow-y:scroll;"> before it then find <$BlogItemCreate$> and put </div> after it.
You can adjust the height as you see fit.
thanks !
:)
btw i have learnt a lot from your turorials !
keep up the great work !
will trouble u again if smthng else comes up !
@chetnasee, thank you and you're welcome. If you have any questions regarding Blogger templates, you may post them them here or email me at kittyspurrs(at)gmail.com
Hi Kitty!
You are a lifesaver! I'm trying to fix an old classic template and your tutorials have helped me a lot along the way. I'm not finished yet and i'm still fixing it over at my test blog, but I know that if I run into any problems, i'll just run on over here! Thanks x
@selkiereads, hi I'm glad my tutorials can be of help to you. If you have any questions regarding the templates, simply shoot me an email at kittyspurrs(@)gmail.com
Hi Kitty!
Your website has helped me so much with coding my blog! I am currently having trouble adding an embedded comment box to my blog. I followed your instructions and inserted the codes between the and , but it wouldn't work for some reason. Any help you can give is appreciated! Thanks in advanced! :]
Nicole
ennlessly.blogspot.com
Nicole, thank you for the compliments. :)
For the embedded comments, make sure you have set the comment settings in the Dashboard to embedded: go to Settings > Posts and comments, in the Comment location section choose Embedded
How to actually embeed facebook comment form for each post? (I'm using classic template)
Dear Kitty,
I finally did it right and now it actually shows the comment text, but somehow if I click "comment" than it says "page not found". I've tried it with 3 different templates and it still doesn't seem to work. Can you please help me out? Thanks a lot!
@Anouk, I saw your blog and I tested the comment link. I see no problem whatsoever.
Hi! Thank you so much for the tutorial! But I was wondering how you could add a "reply back" option? I want to reply back to people who comment but I don't know how. :c And how do you add their picture instead of the blogger icon? Thank you!
@Kay, unfortunately for both of your questions, the answer is that, it can't be done. Both reply back function and adding picture instead of Blogger icon only work with the New Blogger and not with the Classic Blogger.
Hi Kitty,, thx again..
it's work!
Ur tutorials are very helpful :)
you are AWESOME thanks really <3
thanks♥ but how can i have replay button? D:
@pirtsii, unfortunately there is on reply button for Classic templates. This feature is only available for New Blogger layouts.
hii Kitty! I have problem to add comments on my blogs. I have try to edit it but I guess i'm the newbie, I still fail to add it. Mind guide me ?
www.marcsjy.blogspot.com
Can you help me out about the code of comment box? Seems like every time I click the comment link it appear to page not found in new tab :(
please help me, check my blog
@Janice, it seems like you are using the New Blogger template which is incompatible with this tutorial. However, I might be able to help you with it. Please email me a copy of your blog html/source code to kittyspurrs@gmail.com and I will see what I can do.
oh, that was really really helpful; thank you kind stranger! ^o^/ now, my blog can live a few years more, i guess .___.
Hello, Kitty!
I want to ask how to put 'reply' on the comment box. A normal comment box on blogspot has it. So I want to have it while using template from blogskins. Thanks
@Ratri, the Reply feature is not available for Classic Blogger Template/blogskins because it is only for the New Blogger templates so there is no way to put that Reply feature into blogskins.
Hello! I can't add an embed comment section under my post. Can you please help me?
Facebook comments to Tutorial: Adding in embedded comment form:
Post a Comment
Commenting policy:
1. Please leave comments that are relevant to the blog post.
2. Comments on posts that are more than 14 days old will be moderated.
3. Do not post advertisements to your own site/products here.
4. Do not post private information, it will be deleted.
5. Refrain from using abusive/vulgar words, if you have personal issues with me, contact me directly through the contact form or my email instead.