Fix The Blogger Comment Form Message Below Threaded Comments Error On Blogger

There have been a number of knock on effects to the recent addition of Threaded comment replies on Blogger.Basically some of the features that were available to the now old comment from no longer work or don't work in the same way.One of the things that changed since the addition ofthreaded comment reply option on Blogger is the 'Comment Form Message'.The comment form message for those not familiar with it is a message you can add above the comment from.Many bloggers used this to display some comment rules or a thanks for commenting message.

OK so what has happened - The comment form message is displayed above the comment form, however since the change to threaded comments once a comment is added the message moves to below the form.This in many ways defeats the purpose, people will be less likely to see the message below the comment form.Personally I add a message to subscribe to comments and this is Important as commenter's will be notified by Email when someone replies.

So whats the fix - There does not seem to be a direct fix for it but the guys at DuyPham have come up with a work around which I will show you below.

Move Comment Form Message Above Comments

Remember Always Back Up Your Template Before You Make Changes

Step 1. In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Template > Then Edit Html > Now Proceed > Tick The Expand Widget Templates Box 

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

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

Once you have found this we need to make two changes to the code below it.

In the image below you can see the code you found highlighted in yellow, the section of code we need to make changes to circled in red.

A) First Circled in red we see <b:else/> after it add <div id='threaded-comment-form'> .

B) Second Circled in red we see </b:if> before it we add </ Div>

Once done it will look as in the image below :

OK once your sure you have that right we have one last step.

Step 3. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

document.getElementById(domId).insertBefore(replybox, null);

Step 4. Now Replace it with the code below:

document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);

Now save your template.With that done your comment form message will always be above the comment form.All thanks go to DuyPham.