Jide Ogunsanya
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.
.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
Good job
3 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.
When 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!
I've been having this same problem too after styling my comment box. I fixed mine with this codes
I 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.
learn from the master and stop posting your naked css code hear.. you dey alway do over sabi everywere even for your facebook page.. mtcheeeeew
good job
you can also visit
http://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
i'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
Search for <body instead of <body>
i've seen and implemented it Thanks oga jide….ur the Best!
It worked on my blog. I tut it wudnt cuz I kinda designed the template. http://www.nairawriter.com
for me it work but if i want to reply post it a problem
I will try this by morning because I have been trying to fix mine too, I pray it works
Oga 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
Google automatically put it on, it will continue to pop up if the users did not log in before commenting.
nice tip
tq..i have try and it's work on my blog
Wow! nice one. It worked fine. Thanks bro
tnk u.God bless u
good one boss
omg…it works man…thank you soo much!
you just saved my blog with this!! thanks sooo much!!
Finally, I found it! ;D
God bless u baba… mine solved.
Thank u bro, I've been finding this for long, but finally I find it from u. Thanx much bro GOD bless u.
Check my blog:
http://dailyinfotz.blogspot.com/?m=1
THANK JIDE I APPRECIATE YOU FOR THIS INFO
Good.. You Too much Bro
Wow! it worked on my blog http://www.dailyschoolgist.blogspot.com
Cool… 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 http://www.bibekrajmagar.com.np , Thanks in advance.
Still working here, thanks bro
View pagenaija.blogspot.com
I can't really understand why it's not working for me @ indepthreads.blogspot.com
I'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.
awesome
It worked like magic. Thanks Jide. You're awesome.
Thanks
Worked for me. Thank you!
thanks a lot sir…
it really worked for me.
pls Mr jide I downloaded a template and I cant do any advance settings on it and the blog title is too big and also the post title.pls how do I reduce them.secondly the former blogger template you were using how did you make it mobile friendly and got AdSense on it.
Thank you! The code works! Finally, I can utilize the mobile version of blogger!
http://www.jiashinlee.com