An embedded under your post comment form is a new cool and long anticipated feature of Blogger. It minimizes the effort needed to leave a reply in your blog, thus raising the chance your blog visitors will leave their opinion.
All of the Blogger standard templates got updated with the new embedded comment form code, though the feature is still considered 'in draft', and you will have to login into 'Blogger in Draft' version of blog control UI to enable it.
To enable embedded under your post comment form in Blogger:
- Go to blogger in draft dashboard
- Optionally check the Make Blogger in Draft my default dashboard checkbox in the upper right corner if you want to always stay on bleeding-edge front of Blogger features.
- Press the 'Settings' link under your blog name
- Choose Comments tab
- Select 'Embedded below post' radiobutton option for Comment Form Placement setting.
- Press the Save Settings button in the bottom of the page.
Now, if you use a standard Blogger template, all your post pages should receive a fancy embedded inline comment form.
In case you, just like me, use a custom template, you might need to update the template manually:
- Open Dashboard->Layout->Edit HTML
- Click Expand Widget Templates checkbox
- Find the following lines:
<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> - Replace it with the following:
<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> - Save the template.
Done. Feel free to experiment later with the template code of comment-form widget :)
Meanwhile, enjoy :)
0
said thank you for this page![]() |
Liked this article? Bookmark/share it with others: | Didn't like the article, found a mistake or just want to express your own opinion? Post a comment! |
11 comments:
Testing your page
September 16, 2008 at 1:21 PM
Thanks for testing, Neeraj :)
September 16, 2008 at 3:26 PM
thank you
sohbet
September 19, 2008 at 12:54 PM
hello, this is just another try.
December 19, 2008 at 3:03 PM
nice post! thanks for sharing..
January 16, 2009 at 10:15 AM
I've tried these same codes from others and keep getting duplicate comment boxes below the post.
I'm sure it's in my code some where.
Help! ;)
January 23, 2009 at 9:14 PM
Ashleigh, I've checked your blog and it seems that you have commenting option set to a pop-up window at the moment. Go to your blog Settings->Comments and choose Embedded below post value for Comment Form Placement option. Then check if it works.
If you still receive duplicate comment boxes - you can e-mail me your template and I'll fix it for you.
/Gary
January 26, 2009 at 11:26 AM
very nice post here exactly what i need
February 16, 2009 at 1:23 PM
Thanks for the information about the blogger comments. Hopefully this post will be helpful for the visitors.
June 10, 2009 at 11:09 AM
i cant find these lines in my code..
nothing similar either..
July 31, 2009 at 9:33 PM
i enjoyed viewing your post i will definitely add this to my blog and bookmark it
July 15, 2010 at 2:11 AM
Post a Comment
Have anything to say? Leave a comment!
Too shy or got a too private question? Email me
Alternatively, you can drop me a line on Twitter