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 of threaded 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 - How To Back Up A Blogger Template
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 as shown in the video Below :
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 - How To Find Code In Blogger Template Template)
<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 - How To Find Code In Blogger Template Template)
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.Make sure to check out more of our Comments related tips.
Drop Your Comments And Questions Below.
|
Stay Connected With Free Updates
 |
 |
 |
Subscribe via Email
|
Hi!, i know this has nothing to do.. but tried looking into your tw account but it seems you don't answer things there. Anyway, i was looking for a "Popular Post" code like you have at the end of this site. Can you show me where i could find it? i've tried a few but none worked. i use blogger. thanks!
ReplyDeleteLaura, I check my Twitter account every day must have missed your message ?
DeleteI actually use the default Popular Post gadget on Blogger.Go to your layout > Add a gadget > choose popular posts from the list.
The only change I have made is to add Css to make the thumbnails round.
Thanks, this has annoyed me since they added the threaded comments! Works great, just have to remove the space in the
ReplyDeleteJon, what space do you say needs to be removed ?
Deleteneed to remove the space from div in step 2 , section B
DeleteI cant use html in comments so get it ur self
Hi
ReplyDeleteI am getting this error while putting the same code
We're sorry, but we were unable to complete your request.
When reporting this error to Blogger Support or on the Blogger Help Group, please:
Describe what you were doing when you got this error.
Provide the following error code.
bX-muby86
This information will help us to track down your specific problem and fix it! We apologize for the inconvenience.
www.ssbcrack.com
Sorry to hear it Vande, those bx errors are a pain.Retry again or maybe try in a differant browser.So if your using Internet Explorer try Firefox or Chrome ect..
Deletei had the same problem too and im using chrome. how to fix it?
DeleteIts rally very nice article.How can i block a user from commenting on my posts on blogger blog and on my youtube videos?
ReplyDeleteI don't know of a way to block users from commenting.Make sure to mark their comments as spam on both blogger and youtube.
DeletePost is good but i was more attracted towards those borders around video. did you do it by HTML ?
ReplyDeleteAnkit, I use HTML, an Image and set the video to fit inside the image.I will have a tutorial on it in the future with a selection of Video backgrounds.
Deletenice article thank you for sharing. most of the bloggers suffer with this error and this post help them a lot.
ReplyDeletewow, it works. thank you for the tutorial :D
ReplyDeleteHey!
ReplyDeleteI´m trying to fix so the date comments and categories will be like this, below the post titel
Fix The Blogger Comment Form Message Below Threaded Comments Error On Blogger
Posted : Tuesday, June 19, 2012 | Post Author : Paul Crowe | Categories: Blogger, Comments, Tutorials
and do some one know if you can change the categories name?
Please help me! :)
Fiffi I think this post might help you - Display Post Author, Date And Labels With Icons Below Blogger Post Titles
DeleteHi Paul,
ReplyDeleteI follow you tutorial but doesn't seem to work for me. Please help. One probable error in your tutorial. will it be Div or div
Hello Dear Admin.
ReplyDeleteI started a new blog with Education niche and i have a lot of Blogger widgets and Template hacks from your website.Your website is very helpful to me.
But know i am having a problem dear sir.I am not getting comment form on my blog.I tried a lot but could not get the solution.Plz have a view on my blog plz.
http//www.eduways.in
First make sure you have them turned on.Go to your settings > posts and comments and under Comment Location set it to embedded.
DeleteI am unable to find this fist series of the piece of coding
ReplyDeleteOK 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 - How To Find Code In Blogger Template Template)
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);
Any other way I can do this?
thanks for share this :)
ReplyDeletethank you so much....
ReplyDeleteIts realy works. thanks to blog admin
ReplyDeleteI kept getting an error message: Error parsing XML, line 1279, column 7: The element type "div" must be terminated by the matching end-tag "".
ReplyDeleteApparently, my template didn't like that you had a space between the / and Div as well as a capital D. So instead of cutting/pasting your exact text, I typed it myself removing the space and changing the capital to a lower case.
I appreciate your blogger tips very much. Thank you.
yes, removing the space before between / and div will fix the error.
DeleteThanks for this. I was getting that error as well. :)
DeleteThere are lot of people who are facing the same problem again and again. So don't you think anyone should have to post the solution for this problem???
DeleteMe too to the parsing error - thanks for the fix!
DeleteIts realy works,thanks for share this.
ReplyDeletegreat post thanks working for my blog
ReplyDeleteso nice really very helpful post.
ReplyDeleteHi! I'm having an awful problem with the comments actually visually overlapping the comment box. The placement seems to have gotten crowded and I'm not sure what I can do code-wise to fix it. I can send you a screen shot if you're curious! Thanks so much for your help!
ReplyDeletethanks bro, it's a great help!
ReplyDeletecool thanks..-
ReplyDeletethnks sir
ReplyDeleteThanks for sharing wonderful useful Post is good blog.i was more attracted towards those borders around video. It is just awesome.
ReplyDeleteThank you SO MUCH! I had to read through the comments to see if there was any fixes to the error I received the first time around, but after taking out the space and making a lowercase D, it worked perfectly. Thank you again - I've pinned it on Pinterest.
ReplyDeleteThis is a really good post. Must admit that you are amongst the best bloggers I have read.Thanks for posting this informative article.
ReplyDeleteThis really helped, thank you! Was a little frustrated when I kept getting an error, until I realized I had to get rid of a space in the coding.
ReplyDeleteMichelle
The Girly Gamer
I tried using your idea to add my comment form above the comments but its not working. I don't know what I'm doing wrong. Also I tried getting on contact with you to send the what blogger said but the comment box wouldn't let me. Can you please help I have been trying to fix this for weeks still doesn't work. Thank you so much for your generosity.
ReplyDeletethanks.. i added to my blog
ReplyDeleteThis was an error that often bugged me. Thanks for the fix. Anyway nice website and articles. Bye.
ReplyDelete