Show Comment Box Above Comments
- First you should backup your template by going to Dashboard --> Template --> Backup/Restore --> Download Full Template.
- Then go to Dashboard - Template - Edit HTML --> Proceed --> Check the box next to 'Expand Widget Templates' - Find and delete the following lines:
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
The lines to be deleted:

Step 2:
Paste the following code in place of the deleted lines in Step 1:
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
New code in place:

Step 3:
Find for </body> in your HTML --> Paste the following code directly above </body>.
<!-- comment form before comment content starts -->
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
var yob = $(".comment-replybox-thread").closest(".comment-thread").parent("div").children(".comment-thread").children(".comment-replybox-thread");
jQuery('.comment-thread ol').before(jQuery(yob));
</script>
<!-- comment form before comment content ends -->
The code in place:
- Now save the template and you are all done.
Hope it'll work on your blog perfectly.if you're facing any kind of problem use the below comment box for help.Thanks for visiting.
|
Articles You May Like |
This would be a nice customization to make the comment box look better.
ReplyDeleteThanks for commenting :)
DeleteThanks for the tip! Helpful, as always! :)
ReplyDeletewill this work with the new reply to comment feature? I was reading another tutorial for the same topic and saw that it wont work for the feature. Just want to make sure.
ReplyDeleteYup,sure.Just give it a try buddy :)
Deletehow do you make the comment box appear at the end of the posting like how it shows now, showing on the home page. It now shows the word comments at the bottom and you have to click on it.
ReplyDeleteEx: bestfbkl.blogspot.com
I found that using only step three worked perfectly
ReplyDeletethnx a ton....works just perfect
ReplyDeleteWorked nicely..Thanks
ReplyDeleteYay! Thanks!
ReplyDeleteThank You
ReplyDeletethanks info
ReplyDeleteThanks!!!!
ReplyDelete