Search 2.0

Wednesday, November 24, 2010

Embedded Comment Form Under Post

As i say at my previous post, one of the new features from blogger.com is Embedded Comment From, now you will have a comment form under your post.

The screen shot would be like this :


comment form under post



Are you ready to do some action? Below are the steps to get Comment Form under Post!



  1. Login to http://draft.blogger.com with your blogger ID. Just remember, you should login to http://draft.blogger.com not to http://blogger.com because this feature is still in draft.
  2. Click Settings.
  3. Click Comments tab
  4. Go to Comment Form Placement and choose Embedded below post. Refer to picture below :

    embedded below post
  5. Click save Settings button.
  6. Done.


Please View your blog and click your post title to open your post and you should be able to see the comment form under your post. Are there success? If those things didn’t work please follow the steps below :

  1. Click Layout tab.
  2. Click Edit HTML tab.
  3. Click Download Full Template. Please back up your template (important!)
  4. Please tick the little box beside Expand Widget Templates. Refer to picture below :



    expand-widget.png

  5. Find the code like this (some of template is different, please focus on Green color and some template have two code, please choose the code at your bottom template 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>
    
  6. Delete the above code and replace with codes 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>
    
    
  7. Click SAVE TEMPLATE
  8. Done. Please see the result.

No comments:

Page Content

Page Content