home Twitter RSS feeds

Tutorial: Adding in embedded comment form

Blogged by: Kitty on Thursday, January 20, 2011  
Commentators: Blogger xxxxx, Blogger Kitty, Blogger The Lesson Plan Diva- Teacher Resources, Blogger KnittedFox, Blogger Kitty, Anonymous Anonymous, Blogger Kitty, Blogger An Alabaster Dream, Blogger An Alabaster Dream, Anonymous Sarah, Blogger Kitty, Blogger Kitty, Blogger KnittedFox, Blogger SOJOURNED IN STYLE, Blogger Kitty, Anonymous Anonymous, Blogger Kitty, Blogger Angie, Blogger Unknown, Blogger Kitty, Blogger CHHIMMI DHOLKAR GURUNG, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Fiqah Din, Blogger Anna X., Blogger , Blogger , Blogger Kitty, Blogger Kitty, Blogger Raja Anis Munirah, Blogger Kitty, Blogger Chyiara, Blogger Kitty, Blogger Chyiara, Blogger Kitty, Blogger aurora, Blogger Kitty, Blogger Unknown, Blogger Unknown, Blogger Kitty, Blogger Unknown, Blogger Dori Lukey, Blogger Eva, Blogger Rin, Blogger Kitty, Blogger Unknown, Anonymous Anonymous, Blogger Kitty, Blogger KUROWonderland, Blogger edelynchow, Blogger Kiara, Anonymous Anonymous, Blogger Kitty, Anonymous Anonymous, Blogger julia, Blogger julia, Anonymous Anonymous, Blogger Unknown, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger selkiereads, Blogger Kitty, Blogger Nicole, Blogger Kitty, Blogger Eric@Boy, Blogger Unknown, Blogger Kitty, Blogger Kay , Blogger Kitty, Blogger Dea Anindyta, Blogger Reirarawr, Blogger pirtsii, Blogger Kitty, Blogger Marc Soon Joo Yee, Blogger Unknown, Blogger Kitty, Blogger AlicetheWonderer, Blogger Unknown, Blogger Kitty, Blogger liz,
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: ,


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've fixed it. :)

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. :)

Anonymous Anonymous said on August 8, 2011 at 9:57 PM
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.

This comment has been removed by a blog administrator.

@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 :)

Thank you soooo much!

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

Anonymous Anonymous said on March 27, 2013 at 2:20 PM
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?

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.

Facebook comments to Tutorial: Adding in embedded comment form:


Tutorial: Adding in embedded comment form

Blogged by: Kitty on Thursday, January 20, 2011  
Commentators: Blogger xxxxx, Blogger Kitty, Blogger The Lesson Plan Diva- Teacher Resources, Blogger KnittedFox, Blogger Kitty, Anonymous Anonymous, Blogger Kitty, Blogger An Alabaster Dream, Blogger An Alabaster Dream, Anonymous Sarah, Blogger Kitty, Blogger Kitty, Blogger KnittedFox, Blogger SOJOURNED IN STYLE, Blogger Kitty, Anonymous Anonymous, Blogger Kitty, Blogger Angie, Blogger Unknown, Blogger Kitty, Blogger CHHIMMI DHOLKAR GURUNG, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Anayeiza88, Blogger Kitty, Blogger Fiqah Din, Blogger Anna X., Blogger , Blogger , Blogger Kitty, Blogger Kitty, Blogger Raja Anis Munirah, Blogger Kitty, Blogger Chyiara, Blogger Kitty, Blogger Chyiara, Blogger Kitty, Blogger aurora, Blogger Kitty, Blogger Unknown, Blogger Unknown, Blogger Kitty, Blogger Unknown, Blogger Dori Lukey, Blogger Eva, Blogger Rin, Blogger Kitty, Blogger Unknown, Anonymous Anonymous, Blogger Kitty, Blogger KUROWonderland, Blogger edelynchow, Blogger Kiara, Anonymous Anonymous, Blogger Kitty, Anonymous Anonymous, Blogger julia, Blogger julia, Anonymous Anonymous, Blogger Unknown, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger chetnasee, Blogger Kitty, Blogger selkiereads, Blogger Kitty, Blogger Nicole, Blogger Kitty, Blogger Eric@Boy, Blogger Unknown, Blogger Kitty, Blogger Kay , Blogger Kitty, Blogger Dea Anindyta, Blogger Reirarawr, Blogger pirtsii, Blogger Kitty, Blogger Marc Soon Joo Yee, Blogger Unknown, Blogger Kitty, Blogger AlicetheWonderer, Blogger Unknown, Blogger Kitty, Blogger liz,
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: ,



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've fixed it. :)

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. :)

Anonymous Anonymous said on August 8, 2011 at 9:57 PM
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.

This comment has been removed by a blog administrator.

@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 :)

Thank you soooo much!

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

Anonymous Anonymous said on March 27, 2013 at 2:20 PM
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?

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.

Facebook comments to Tutorial: Adding in embedded comment form:


Hire me to design your blog!

I offer designing and re-designing of Classic Blogger templates. Examples of my design can be found on my portfolio website.

The basic rate for a design starts from $25 USD. The rate is based on the complexity of the design. The more elaborate the design is, the higher the price is.

How to place your order

Send me an email via the contact form and state clearly how you want your design to be. This includes colour scheme, layout (with or without sidebar, number of columns, etc), any extra features, etc.

Your email should be in this format:
Name:
Design: Please give detailed explanation on how you want your template to look like
Preferred payment method: Paypal/Moneybookers/Payza/Bank transfer to Baiduri bank

I shall respond to your email within 3 (three) days. Your order will be placed into a Waiting Queue as orders are processed on a first come, first serve basis.

Payment methods

Payment has to be made to either by PayPal, or Moneybookers.

However, if you choose to pay via (international) bank transfer, be aware that you may be charged for the transfer service.

Other important information

Throughout the designing process, I may need to refer back to you for questions/opinions so do check your email frequently. This is to ensure the design can be done as soon as possible.

Depending on the design, your template make take up to over 1 (one) week to finish. You will be informed once the template is done.

I will send you an email requesting for the payment after the template is done. Once the payment is received, I will email you the complete template along with the necessary files.

All of my designs/templates will come with a credit section. This section must be left intact and you may not remove nor alter them. Resources that come with the designs/templates may not be redistributed or reproduced.

The designer

Kitty

Kitty. 29. Blogger, web design hobbyist, compulsive shopper and bibliophile based in Brunei. Enjoys creating and designing websites, dabbling with HTML, CSS and PHP.

I've been blogging since 2005 (or earlier) though my experience with the internet started back in 2000. My main interest is in web design and development. Other times you can see me wrapped around a book or glued to Astronomy and web design magazines.

The website

This website was created in January 2011 and the domain was purchased by me in late December 2010. Initially the website was intended to house tutorials for Classic Blogger/Blogspot only however over the time it has developed into what you see today.

Several of the tutorials and articles can also be found on Nekonette.com, which is the my main website where I mostly blog about my personal life. Also some of the tutorials here have been moved to that website.

Categories/Labels

Past layouts

These are the layouts that have been used on Codeislove.net previously.

Wooden board

Layout #1

Dark chic

Layout #2

Royal crimson

Layout #3

Articles, Tutorials and Contests

Articles


Please do not copy the articles verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Tutorials


Please do not copy the tutorials verbatim and/or redistribute them on your site. And I'd appreciate it if you link back to me.

Popular tutorials:

Converting HTML layout to Wordpress series: How to code Classic Blogger template series:

Other tutorials:

Contests

Linkages

On-site navigation

Network

Looking for money-making opportunities? Check out these websites.

Blog Advertising - Advertise on blogs with SponsoredReviews.com

Business 2 Blogger

banner

Contact the webmistress

You can email me your messages/tutorial requests using the contact form:

Advertising

Codeislove: Geek Is Chic is a blog which houses various articles, tips and tutorials on web design as well as a mix of personal insights published by the website owner.

Simple site statistics:
Monthly Unique Visitors: 5000+
Monthly page views: 7,000 ~ 9,000

Also, if you think that you have a good advertisement offer to discuss with me, do contact me and let's discuss about it.

Get reviewed

You can have your website/blog reviewed here on Codeislove. Alternatively, you can also apply to get your website/blog reviewed on my other website, Amalina.org. You can request your review to be public or private. If you choose to have it public, it will be posted here on Codeislove. Similarly, if you want it to be private, I will send the review to you via email.

Please send an email to me in this format and I will get back to you as soon as I can:

Name:
Email:
Website/blog:
Do you want the review to be public/private?

Websites/blogs currently being reviewed:
Aroha - Ashleenah
Twinkle Toes - Eryn - completed
Gadis bermata cokelat - Nurul Nabila - completed

Related Posts Plugin for WordPress, Blogger...