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

Leave a Reply