I've been receiving mails lately from co-bloggers, complaining that their readers are finding it difficult to comment on their blog posts simply because the Blogger comment form won't display on mobile even after clicking the "post a comment" link.
This is mostly experienced on blogs that have switched to Blogger custom mobile template. Although, I don't really know what causes the problem but there is a solution, which I've decided to share with you in this post.
To fix the problem, you only have to add the css below to your Blogger blog's html. If you view your blog posts after saving the changes to your html, you should see the comment form displayed directly below each post even if the post has zero comment.
How Do I Add the CSS Code To My Blog?
==> Sign in to www.blogger.com and click on your blog in the dashboard
==> Back up your template. Very Important!
==> Click "Template" > "Edit HTML"
==> Click inside the HTML
==> Use CTRL F to find ]]></b:skin>
==> Paste the CSS code directly above it as seen in the screenshot below
==> Click "Save Template"
That's all.
Try it and let me know if it works for you or not.
Cheers!
This is mostly experienced on blogs that have switched to Blogger custom mobile template. Although, I don't really know what causes the problem but there is a solution, which I've decided to share with you in this post.
To fix the problem, you only have to add the css below to your Blogger blog's html. If you view your blog posts after saving the changes to your html, you should see the comment form displayed directly below each post even if the post has zero comment.
.mobile .blogger-iframe-colorize {
display: block !important;
}
.blogger-iframe-colorize {
display: block !important;
}
How Do I Add the CSS Code To My Blog?
==> Sign in to www.blogger.com and click on your blog in the dashboard
==> Back up your template. Very Important!
==> Click "Template" > "Edit HTML"
==> Click inside the HTML
==> Use CTRL F to find ]]></b:skin>
==> Paste the CSS code directly above it as seen in the screenshot below
==> Click "Save Template"
That's all.
Try it and let me know if it works for you or not.
Cheers!
I've been experiencing this lately too. Will try this once on pc. thanks for sharing Jide
ReplyDeleteGood job
ReplyDelete3 Gboza for the original boss. worked like magic. Boss if you know the type of coding that I have done to solve this particular problem, but all to no avail. I noticed the problem when I switched to mobile custom template. The first person to comment on my blog using mobile platform don't usually get the opportunity to do so unless others have commented on the desktop view before they can comment. But I just inserted the CSS code as you requested and viola the comment box now shows even without any comment on a post.
ReplyDeleteWhen I tell people that Boss Jide is too much, some don't seem to understand. Another 3 gboza for the boss. Ggoza Gboza Gboza. You just made my day boss. You can see reason why I cannot just stop visiting this blog on a daily bases.
Glad it worked for you bro. Have fun!
DeleteI've been having this same problem too after styling my comment box. I fixed mine with this codes
ReplyDeleteI search for these lines on my template
.comments .comments-content .loadmore a
and added above it these codes
.blogger-iframe-colorize {
display: block !important;
}
To become
.blogger-iframe-colorize {
display: block !important;
}
.comments .comments-content .loadmore a
And it work. I never know that there was other way too. Thanks for sharing.
Same css but different implementation. Thanks for sharing this too.
Deletelearn from the master and stop posting your naked css code hear.. you dey alway do over sabi everywere even for your facebook page.. mtcheeeeew
Deletegood job
ReplyDeleteyou can also visit
www.globalblogtips.com
Mazino, I think the problem I had initially ws jst getting that piece of codes above, and not accually where to fix it. I would have also fixed it in the .comment sections if I had laid hand on the code ontime
ReplyDeletei've been having this issue...ill implement it when on system, but i know it must work cuz tz Mr Jide.... Thanks mahn, im also having problem finding < body> in my template,..... Pls help oga jide
ReplyDeleteSearch for <body instead of <body>
Deletei've seen and implemented it Thanks oga jide....ur the Best!
ReplyDeleteIt worked on my blog. I tut it wudnt cuz I kinda designed the template. www.nairawriter.com
ReplyDeletefor me it work but if i want to reply post it a problem
ReplyDeleteI will try this by morning because I have been trying to fix mine too, I pray it works
ReplyDeleteOga Jide, I am having similar problem, done this step but yet people can't leave comment on my blog, tried almost everything from embedded to full page to pop up comment box but still not working, the "prove that you are robot" always show up even when word verification is off from my dashboard ... Please Help
ReplyDeleteGoogle automatically put it on, it will continue to pop up if the users did not log in before commenting.
Deletenice tip
ReplyDeletetq..i have try and it's work on my blog
ReplyDeleteWow! nice one. It worked fine. Thanks bro
ReplyDeletetnk u.God bless u
ReplyDeletegood one boss
ReplyDeleteomg...it works man...thank you soo much!
ReplyDeleteyou just saved my blog with this!! thanks sooo much!!
ReplyDeleteFinally, I found it! ;D
ReplyDeleteGod bless u baba... mine solved.
ReplyDeleteThank u bro, I've been finding this for long, but finally I find it from u. Thanx much bro GOD bless u.
ReplyDeleteCheck my blog:
http://dailyinfotz.blogspot.com/?m=1
THANK JIDE I APPRECIATE YOU FOR THIS INFO
ReplyDeleteGood.. You Too much Bro
ReplyDeleteWow! it worked on my blog www.dailyschoolgist.blogspot.com
ReplyDeleteCool... it has worked for me. I am also having problem in showing my menus in mobile version, if you could help me on my blog www.bibekrajmagar.com.np , Thanks in advance.
ReplyDeleteStill working here, thanks bro
ReplyDeleteView pagenaija.blogspot.com
I can't really understand why it's not working for me @ indepthreads.blogspot.com
ReplyDeleteI've been searching for how to fix the comment box not showing on mobile and this post has comprehensively helped me resolve it. Thanks a lot.
ReplyDeleteIt worked like magic. Thanks Jide. You're awesome.
ReplyDeleteThanks
ReplyDeleteWorked for me. Thank you!
ReplyDeletethanks a lot sir...
ReplyDeleteit really worked for me.