How I Fixed Blogger Comment Form For Custom Mobile Template Not Showing Comment Box

By John

How I fixed Blogger comment form for custom mobile template Not Showing Comment Box after clicking the Post a Comment after the 0 comment.you and i knows how important the blogger comment form is to our blogger blogspot site.having your blogger comment form show up on both mobile and desktop device is something that can help boost the engagement on your site since many of us are making use of various devices like computer and mobile phone.recently i was working on a template and i noticed that the mobile version of the blogger custom template does not show blogger comment form box after clicking the Post A comment that usually appears after 0 comment text and this got me worried as that could reduce the engagement of the site from mobile users who would love to make comment on post that needs clarification.as a result of this error, i stopped working on the template to find a fix to the issue before i would continue with it but after series of research, i finally fixed the issue on blogger comment form box not showing on mobile custom blogger template or desktop and here is a solution to this problem

If any of you is still having this error, then you don't have to panic any more as you can get it fixed after reading this article.it may interest you to know that the reason why you are having this error is due to the template you are using which some codes may be preventing the comment form from showing up on the blogger custom mobile template but shows up on desktop version of the site.

there is a fix to this and i will share with you the two method you can use to fix this because it works like a charm.

the first method involves adding  CSS code to the template to get it fixed.to do this follow the steps below

you may like to read how to change blogger/blogspot template

How to Fix Blogger Comment form Box not Showing up On blogger mobile custom template after clicking Post A comment Link

==> login to your blogger dashboard and choose the blog that is having the error, go to your template editor by clicking template=>html

.==> point your cursor inside the html template editor and use CTRL F ( Control F ) to search for this code in the template below

.comments .comments-content .loadmore a

==>  copy this css code below and insert it before the code above

.blogger-iframe-colorize {
display: block !important;
}

the modification becomes

.blogger-iframe-colorize {
display: block !important;
}
.comments .comments-content .loadmore a

==> click on save template and that should fix the problem. just check your blog on mobile and you will see the blogger comment form box showing on each post even without clicking the post a comment link

if this method did not work for you which i believe should work if done properly or you don't like it since the comment box will appear on each post without clicking the post to comment link, then you can use the second method below

this involves adding some codes into the template.follow the steps below

==> go to your blogger blogspot html editor and use CTRL F to search for this line of code below

<b:if cond='data:post.allowNewComments'>
  <b:include data='post' name='comment-form'/>
<b:else/>

 if you can't find it, then just search for data:post.allowNewComments which you will find under this code

 <b:if cond='data:post.embedCommentForm'>

make sure it is found under this particular code because you may see more of it in different line but the one that is under the particular code is what we are looking for

==> now copy this code below and replace it with the code you searched for

<b:if cond='data:post.allowNewComments'>
<!-- GURUBEST Comments Starts -->
<script type='text/javascript'>
document.write(
&quot;&lt;a href=&#39;https://www.blogger.com/comment.g?blogID=POST BLOG ID HERE&amp;postID=&quot;+&#39;<data:post.id/>&#39;+&quot;&amp;isPopup=true&#39; target=&#39;_blank&#39;&gt;PLEASE CLICK THIS LINK TO COMMENT IF COMMENT BOX DOES NOT APPEAR&lt;/a&gt;&quot;);
</script>
<!-- GURUBEST Comments Ends -->
  <b:include data='post' name='comment-form'/>
<b:else/>

Remember that the code we are replacing is

<b:if cond='data:post.allowNewComments'>
  <b:include data='post' name='comment-form'/>
<b:else/>

 so don't mess it up.after replacing it with the code, the modified code becomes

<b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<!-- GURUBEST Comments Starts -->
<script type='text/javascript'>
document.write(
&quot;&lt;a href=&#39;https://www.blogger.com/comment.g?blogID=INSERT BLOG ID HERE&amp;postID=&quot;+&#39;<data:post.id/>&#39;+&quot;&amp;isPopup=true&#39; target=&#39;_blank&#39;&gt;PLEASE CLICK THIS LINK TO COMMENT IF COMMENT BOX DOES NOT APPEAR&lt;/a&gt;&quot;);
</script>
<!-- GURUBEST Comments Ends -->
  <b:include data='post' name='comment-form'/>
<b:else/>

 we still have some changes to do, now replace the highlighted word with with yours.

replace the word POST BLOG ID HERE with your own blogger blog id.

to get your blog id, just logging to your dashboard and click the blog, then go to settings.look at the url while in settings, you will see your blog id.its a string of numbers.just copy and replace it in the code where it should be.

after replacing it, you can also replace the word "PLEASE CLICK THIS LINK TO COMMENT IF COMMENT BOX DOES NOT APPEAR". you can replace the word with any suitable word you wish for people to see.

after you are done, just click on save template and that is all.

any time a visitor read any post, they will see a link to click for the comment box to show.

this is an extended version of the comment box.

please take NOTE: Back Up Your Template before You start making changes on it to avoid error.this is always recommended.so please backup your template by downloading it before making changes.hope it helps.

visit www.gurubest.com to view the latest post update you are not seeing right now.
more articles update is posted on gurubest every day,so don't be the last to get update to your email.Subscribe by email

DON'T FORGET TO SHARE WITH YOUR FRIENDS ON FACEBOOK BY CLICKING THE SHARE BUTTON.

ATTENTION!!!.Do You Want To Learn Website Design And Development Like A PRO

Click To Download This Video Tutorial Courses Now

Facebook Twitter Google+ Pinterest Linkedin WhatsApp