2009-03-27

Image

How to add post comment form below your post in Blogger ?

Did you ever try to comment on Blogger ? You might had observed that Clicking on Add Comment link opens a annoying window which wont look like your blog . Its quite irritating for those who design and use custom templates in blogger . But I think now blogger is trying to close these kind of gaps as lot of people are moving to Wordpress when they really want to do some sort of pro blogging .

Blogger has introduced a new feature called add inline comment for showing a add comment form below your blogger post . So How to add inline comment feature to your blogger blog ?

  • Login to Blogger and navigate as shown in the figure . DashBoard --> Settings --> Comments .
  • Select " Embedded below post " in Comment form placement section in the page .
  • Now save your settings .
  • If you are using Blogger default template , you can see a comment form below your post as shown in the figure .

  • If you are using custom blogger template , you need to do some tweaking . Don't worry , its gonna be simple . So How to add comment form to Blogger Custom template ?
  • Navigate to Layout -- > Edit HTML . Check the option ' Expand widget Templates '.
  • Before you do anything , Backup your template by clicking download full template . Now search for the following piece of code . (if you don't check Expand widget templates , you can not find this ).

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

  • Replace the above piece of code with the code below .

<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>

  • Now Click on save Template and you are done . You can now see a comments form below your posts .

التعليقات:

  1. This is a nice article..
    Its very easy to understand ..
    And this article is using to learn something about it..
    asp.net, c#, javascript
    Thanks a lot..!

    ReplyDelete

Total Pageviews