Blogger Comment Form Isn't Showing? - Place Multiple Comment Forms!
UPDATE: THIS TWEAK WILL NOT WORK WITH THE NEW BLOGGER REPLY COMMENT SYSTEM. CLICK ON 'REVERT WIDGET TEMPLATES TO DEFAULT' TO UNDER THIS TWEAK.
Quick Note: This tutorial doesn't teach how you can bring back your missing comment form - as it is highly likely that it is a problem with your browser. This tutorial teaches you how you can add a back-up link to allow your readers leave a comment in case your comment form doesn't appear in your readers' browsers.
The Blogger Comment system is an important part of any blog. Blogger gives you the option to either place the comment form embedded in your post page (known as 'Embedded below post'), or have the comment form in an external page. The external form placement comes in two different options - to load the external comment form from the current page (known as 'Full Page'), or pop-up a new window to load the external comment form (known as 'Pop-up window'). At any given time, you can only choose either one of the two options provided (either embedded or external placement).
Lot's of users prefer to have the comment form embedded within their post page because it is so convenient for readers to leave comments within the page itself. Besides, the external form placements have their own disadvantages when it is seen holistically. Full Page placement will overwrite 'over-load' the post page to open the comment page, and Pop-up Window placement will open a pop-up window, which will get blocked if pop-up blockers are installed at the reader's side.
Here comes the problem. Embedded comment forms are not foolproof either. Due to some browser problems, and/or add-on related issues, sometimes the embedded comment form becomes dysfunctional. I have experienced this at two different times, and until today, I could not identify what caused the problem. It just resolved by itself. But during that period, I could not leave any comments anywhere. This could happen to you too. You could lose lots of comments if your readers' browsers fail to make the embedded comment forms functional - and you'd be so clueless when it happens as usually it is not epidemic.
Solution: Place both embedded comment form and external comment form together. Embedded comment form as primary option as usual, and a link to external comment form as a back up! I spent lots of time to come up with this one, and I guarantee you, this is first on net!
Step 1:
In old Blogger Interface: Go to Dashboard - Settings - Comments.
See the page's address - get the BlogID number. Mine is 6862926392681704882
In old Blogger Interface: Go to Dashboard - Settings - Comments.
See the page's address - get the BlogID number. Mine is 6862926392681704882
Step 2:
Under the same page, for Comment Form Placement, choose 'Embedded below post' - Save Settings.
Under the same page, for Comment Form Placement, choose 'Embedded below post' - Save Settings.
Step 3:
Go to Dashboard - Design - Edit HTML - Download Full Template (for backup purposes) - Check the box next to 'Expand Widget Templates' - Find for these lines:
Next, replace INSERT_MESSAGE_HERE with a suitable message, something like "Click here to leave a comment if the box below does not work" or something to that effect. Here's a look at an example of the fully completed code:
Original code in place:
Modified code in place:
Have fun. Oh, BTW, I self-taught a little bit of Java/Javascript to myself solely for the sake of this tutorial. I know lots of programming languages, and I have received formal education for some of them, but Java/Javascript is not one of them. So if you copy this and act like its your own work, you're the biggest douche on the planet. Now go have fun. Seriously :)
Go to Dashboard - Design - Edit HTML - Download Full Template (for backup purposes) - Check the box next to 'Expand Widget Templates' - Find for these lines:
<b:if cond='data:post.allowNewComments'>Replace them with the following lines:
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowNewComments'>Once you've pasted in the new modified code, replace INSERT_BLOG_ID in line 5 with your Blog's ID that you have gotten from Step 1.
<!-- YoBoY Multiple Comments Starts -->
<script type='text/javascript'>
document.write(
"<a href='https://www.blogger.com/comment.g?blogID=INSERT_BLOG_ID_HERE&postID="+'<data:post.id/>'+"&isPopup=true' target='_blank'>INSERT_MESSAGE_HERE</a>");
</script>
<!-- YoBoY Multiple Comments Ends -->
<b:include data='post' name='comment-form'/>
<b:else/>
Next, replace INSERT_MESSAGE_HERE with a suitable message, something like "Click here to leave a comment if the box below does not work" or something to that effect. Here's a look at an example of the fully completed code:
<b:if cond='data:post.allowNewComments'>Now save the template. Go see your post-page, and you'll have the option to post a comment both in embedded form and in external form! So in case one doesn't work, the other one is there as a back up!
<!-- YoBoY Multiple Comments Starts -->
<script type='text/javascript'>
document.write(
"<a href='https://www.blogger.com/comment.g?blogID=6862926392681704882&postID="+'<data:post.id/>'+"&isPopup=true' target='_blank'>Click here to leave a comment if the box below does not work</a>");
</script>
<!-- YoBoY Multiple Comments Ends -->
<b:include data='post' name='comment-form'/>
<b:else/>
Original code in place:
Modified code in place:
Have fun. Oh, BTW, I self-taught a little bit of Java/Javascript to myself solely for the sake of this tutorial. I know lots of programming languages, and I have received formal education for some of them, but Java/Javascript is not one of them. So if you copy this and act like its your own work, you're the biggest douche on the planet. Now go have fun. Seriously :)
Category Article Comments, Tutorial
