Add Comment Box Below Post

How to add comment box below post?
Do you like blogger Comment Box? No?
Then here is the trick to add comment box just below the post.
1. First you have to need account in draft.blogger.com. Don't
worry, no need for another account,copy and past draft.blogger.com
in explorer and send.There you login with you blogger account.

2. Click settings --> comments --> Comment Form Placement(

here mark Embedded below post) just like in image.




3. Now for changing code. first click layout,the Edit HTML ,the click box of

    Expand Widget Templates . Before you made any changes i suggest you to
   download and save your current template by  click  Download Full
   Template. Now find code given in red below in your html file. if your
   are not able to find  it do this trick. Press ctrl f of your keyboard
   and search  by placing this code ( class='comment-footer ) in
    search box which appear on screen.




<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  red by blue




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




4. Now save your html file.

5. If you want to change the box hight and width change the values give in red in this code to find code trick is same copy and paste first line in search box as done before.

<b:includable id='comment-form' var='post'>
<div class='comment-form'>

<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/&gt;
</div>
6. Some time comment box not appears after applying code. Do this trick, find code in black

<b:include data='post' name='comments' />

and replace it with code in green below.

<b:include data='post' name='comment-form'/> .




Your box will be look like this

Share: